openspecui 1.6.0 → 2.0.1

package/dist/cli.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { a as SchemaInfoSchema, c as toOpsxDisplayPath, d as DEFAULT_CONFIG, f as OpenSpecAdapter, i as SchemaDetailSchema, l as CliExecutor, m as __toESM, o as SchemaResolutionSchema, p as __commonJS, r as require_dist, s as TemplatesSchema, t as startServer, u as ConfigManager } from "./src-Brh3druE.mjs";
+import { a as SchemaInfoSchema, c as toOpsxDisplayPath, d as DEFAULT_CONFIG, f as OpenSpecAdapter, i as SchemaDetailSchema, l as CliExecutor, m as __toESM, o as SchemaResolutionSchema, p as __commonJS, r as require_dist, s as TemplatesSchema, t as startServer, u as ConfigManager } from "./src-CFsMWl3_.mjs";
 import { createRequire } from "node:module";
 import { basename, dirname, extname, join, normalize, relative, resolve } from "path";
 import { readFile } from "node:fs/promises";
@@ -4507,7 +4507,7 @@ var yargs_default = Yargs;
 //#endregion
 //#region package.json
 var import_dist = require_dist();
-var version = "1.6.0";
+var version = "2.0.1";
 
 //#endregion
 //#region src/export.ts
@@ -4766,12 +4766,11 @@ async function generateSnapshot(projectDir) {
 	const changesMeta = await adapter.listChangesWithMeta();
 	const changes = await Promise.all(changesMeta.map(async (meta) => {
 		const change = await adapter.readChange(meta.id);
-		if (!change) return null;
 		const files = await adapter.readChangeFiles(meta.id);
 		const proposalFile = files.find((f) => f.path === "proposal.md");
 		const tasksFile = files.find((f) => f.path === "tasks.md");
 		const designFile = files.find((f) => f.path === "design.md");
-		const deltas = (change.deltaSpecs || []).map((ds) => ({
+		const deltas = (change?.deltaSpecs || []).map((ds) => ({
 			capability: ds.specId,
 			content: ds.content || ""
 		}));
@@ -4781,11 +4780,11 @@ async function generateSnapshot(projectDir) {
 			proposal: proposalFile?.content || "",
 			tasks: tasksFile?.content,
 			design: designFile?.content,
-			why: change.why || "",
-			whatChanges: change.whatChanges || "",
-			parsedTasks: change.tasks || [],
+			why: change?.why || "",
+			whatChanges: change?.whatChanges || "",
+			parsedTasks: change?.tasks || [],
 			deltas,
-			progress: meta.progress,
+			progress: change?.progress ?? meta.progress,
 			createdAt: meta.createdAt,
 			updatedAt: meta.updatedAt
 		};
@@ -4917,7 +4916,7 @@ async function generateSnapshot(projectDir) {
 		git,
 		config: uiConfig,
 		specs,
-		changes: changes.filter((c) => c !== null),
+		changes,
 		archives,
 		projectMd,
 		agentsMd,

package/dist/index.mjs

@@ -1,3 +1,3 @@
-import { n as createServer, t as startServer } from "./src-Brh3druE.mjs";
+import { n as createServer, t as startServer } from "./src-CFsMWl3_.mjs";
 
 export { createServer, startServer };

package/dist/{src-Brh3druE.mjs → src-CFsMWl3_.mjs}

@@ -1817,47 +1817,50 @@ var OpenSpecAdapter = class {
 	}
 	/**
 	* List changes with metadata (id, name, progress, and time info)
-	* Only returns changes that have valid proposal.md
+	* Returns every change directory, including schema-specific layouts that
+	* don't use proposal.md/tasks.md.
 	* Sorted by updatedAt descending (most recent first)
 	*/
 	async listChangesWithMeta() {
 		const ids = await this.listChanges();
 		return (await Promise.all(ids.map(async (id) => {
 			const change = await this.readChange(id);
-			if (!change) return null;
-			const proposalPath = join(this.changesDir, id, "proposal.md");
-			const timeInfo = await this.getFileTimeInfo(proposalPath);
+			const changeDir = join(this.changesDir, id);
+			const timeInfo = await this.getFileTimeInfo(changeDir);
 			return {
 				id,
-				name: change.name,
-				progress: change.progress,
+				name: change?.name ?? id,
+				progress: change?.progress ?? {
+					total: 0,
+					completed: 0
+				},
 				createdAt: timeInfo?.createdAt ?? 0,
 				updatedAt: timeInfo?.updatedAt ?? 0
 			};
-		}))).filter((r) => r !== null).sort((a, b) => b.updatedAt - a.updatedAt);
+		}))).sort((a, b) => b.updatedAt - a.updatedAt);
 	}
 	async listArchivedChanges() {
 		return reactiveReadDir(this.archiveDir, { directoriesOnly: true });
 	}
 	/**
 	* List archived changes with metadata and time info
-	* Only returns archives that have valid proposal.md
+	* Returns every archive directory, including schema-specific layouts that
+	* don't use proposal.md/tasks.md.
 	* Sorted by updatedAt descending (most recent first)
 	*/
 	async listArchivedChangesWithMeta() {
 		const ids = await this.listArchivedChanges();
 		return (await Promise.all(ids.map(async (id) => {
 			const change = await this.readArchivedChange(id);
-			if (!change) return null;
-			const proposalPath = join(this.archiveDir, id, "proposal.md");
-			const timeInfo = await this.getFileTimeInfo(proposalPath);
+			const archiveDir = join(this.archiveDir, id);
+			const timeInfo = await this.getFileTimeInfo(archiveDir);
 			return {
 				id,
-				name: change.name,
+				name: change?.name ?? id,
 				createdAt: timeInfo?.createdAt ?? 0,
 				updatedAt: timeInfo?.updatedAt ?? 0
 			};
-		}))).filter((r) => r !== null).sort((a, b) => b.updatedAt - a.updatedAt);
+		}))).sort((a, b) => b.updatedAt - a.updatedAt);
 	}
 	/**
 	* Read project.md content (reactive)
@@ -1923,7 +1926,7 @@ var OpenSpecAdapter = class {
 		});
 	}
 	async collectChangeFiles(root, dir) {
-		const names = await reactiveReadDir(dir, { includeHidden: false });
+		const names = await reactiveReadDir(dir, { includeHidden: true });
 		const files = [];
 		for (const name of names) {
 			const fullPath = join(dir, name);
@@ -5939,8 +5942,18 @@ const CURSOR_STYLE_VALUES = [
 	"underline",
 	"bar"
 ];
+const CODE_EDITOR_THEME_VALUES = [
+	"github",
+	"material",
+	"vscode",
+	"tokyo",
+	"gruvbox",
+	"monokai",
+	"nord"
+];
 const TERMINAL_RENDERER_ENGINE_VALUES = ["xterm", "ghostty"];
 const TerminalRendererEngineSchema = enumType(TERMINAL_RENDERER_ENGINE_VALUES);
+const CodeEditorThemeSchema = enumType(CODE_EDITOR_THEME_VALUES);
 const BASE_PACKAGE_MANAGER_RUNNERS = [
 	{
 		id: "npx",
@@ -6282,6 +6295,7 @@ const TerminalConfigSchema = objectType({
 	rendererEngine: stringType().default("xterm")
 });
 const DashboardConfigSchema = objectType({ trendPointLimit: numberType().int().min(20).max(500).default(100) });
+const CodeEditorConfigSchema = objectType({ theme: CodeEditorThemeSchema.default("github") });
 /**
 * OpenSpecUI 配置 Schema
 *
@@ -6293,6 +6307,7 @@ const OpenSpecUIConfigSchema = objectType({
 		args: arrayType(stringType()).optional()
 	}).default({}),
 	theme: enumType(THEME_VALUES).default("system"),
+	codeEditor: CodeEditorConfigSchema.default(CodeEditorConfigSchema.parse({})),
 	terminal: TerminalConfigSchema.default(TerminalConfigSchema.parse({})),
 	dashboard: DashboardConfigSchema.default(DashboardConfigSchema.parse({}))
 });
@@ -6300,6 +6315,7 @@ const OpenSpecUIConfigSchema = objectType({
 const DEFAULT_CONFIG = {
 	cli: {},
 	theme: "system",
+	codeEditor: CodeEditorConfigSchema.parse({}),
 	terminal: TerminalConfigSchema.parse({}),
 	dashboard: DashboardConfigSchema.parse({})
 };
@@ -6364,6 +6380,10 @@ var ConfigManager = class {
 			...current,
 			cli: nextCli,
 			theme: config.theme ?? current.theme,
+			codeEditor: {
+				...current.codeEditor,
+				...config.codeEditor
+			},
 			terminal: {
 				...current.terminal,
 				...config.terminal
@@ -6577,13 +6597,15 @@ var CliExecutor = class {
 	/**
 	* 执行 openspec init（非交互式）
 	*/
-	async init(tools = "all") {
-		const toolsArg = Array.isArray(tools) ? tools.join(",") : tools;
-		return this.execute([
-			"init",
-			"--tools",
-			toolsArg
-		]);
+	async init(options) {
+		const args = ["init"];
+		if (options?.tools !== void 0) {
+			const toolsArg = Array.isArray(options.tools) ? options.tools.join(",") : options.tools;
+			args.push("--tools", toolsArg);
+		}
+		if (options?.profile) args.push("--profile", options.profile);
+		if (options?.force) args.push("--force");
+		return this.execute(args);
 	}
 	/**
 	* 执行 openspec archive <changeId>（非交互式）
@@ -6750,13 +6772,15 @@ var CliExecutor = class {
 	/**
 	* 流式执行 openspec init
 	*/
-	initStream(tools, onEvent) {
-		const toolsArg = Array.isArray(tools) ? tools.join(",") : tools;
-		return this.executeStream([
-			"init",
-			"--tools",
-			toolsArg
-		], onEvent);
+	initStream(options, onEvent) {
+		const args = ["init"];
+		if (options.tools !== void 0) {
+			const toolsArg = Array.isArray(options.tools) ? options.tools.join(",") : options.tools;
+			args.push("--tools", toolsArg);
+		}
+		if (options.profile) args.push("--profile", options.profile);
+		if (options.force) args.push("--force");
+		return this.executeStream(args, onEvent);
 	}
 	/**
 	* 流式执行 openspec archive
@@ -6841,7 +6865,9 @@ const SKILL_NAMES = [
 	"openspec-sync-specs",
 	"openspec-archive-change",
 	"openspec-bulk-archive-change",
-	"openspec-verify-change"
+	"openspec-verify-change",
+	"openspec-onboard",
+	"openspec-propose"
 ];
 /**
 * 所有支持的 AI 工具配置
@@ -6960,6 +6986,13 @@ const AI_TOOLS = [
 		successLabel: "Kilo Code",
 		skillsDir: ".kilocode"
 	},
+	{
+		name: "Kiro",
+		value: "kiro",
+		available: true,
+		successLabel: "Kiro",
+		skillsDir: ".kiro"
+	},
 	{
 		name: "OpenCode",
 		value: "opencode",
@@ -6967,6 +7000,13 @@ const AI_TOOLS = [
 		successLabel: "OpenCode",
 		skillsDir: ".opencode"
 	},
+	{
+		name: "Pi",
+		value: "pi",
+		available: true,
+		successLabel: "Pi",
+		skillsDir: ".pi"
+	},
 	{
 		name: "Qoder",
 		value: "qoder",
@@ -23950,6 +23990,12 @@ const t = initTRPC.context().create();
 const router = t.router;
 const publicProcedure = t.procedure;
 const execFileAsync = promisify$1(execFile);
+const OPSX_CORE_PROFILE_WORKFLOWS = [
+	"propose",
+	"explore",
+	"apply",
+	"archive"
+];
 const dashboardGitTaskStatusEmitter = new EventEmitter$1();
 dashboardGitTaskStatusEmitter.setMaxListeners(200);
 const dashboardGitTaskStatus = {
@@ -24023,6 +24069,94 @@ function requireChangeId(changeId) {
 	if (!changeId) throw new Error("change is required");
 	return changeId;
 }
+function parseOpsxProfileListJson(stdout) {
+	try {
+		const parsed = JSON.parse(stdout);
+		const profile = parsed.profile === "custom" ? "custom" : "core";
+		return {
+			profile,
+			delivery: parsed.delivery === "skills" || parsed.delivery === "commands" ? parsed.delivery : "both",
+			workflows: Array.isArray(parsed.workflows) ? parsed.workflows.filter((item) => typeof item === "string" && item.length > 0) : profile === "core" ? [...OPSX_CORE_PROFILE_WORKFLOWS] : []
+		};
+	} catch {
+		return null;
+	}
+}
+function parseOpsxConfigDrift(output) {
+	const lines = output.split(/\r?\n/).map((line) => line.trim()).filter((line) => line.length > 0);
+	const warningLine = lines.find((line) => /global config.+not applied.+project/i.test(line)) ?? lines.find((line) => /out of sync/i.test(line)) ?? lines.find((line) => /run\s+`?openspec\s+update`?/i.test(line)) ?? null;
+	return {
+		drift: warningLine !== null,
+		warningText: warningLine
+	};
+}
+async function fetchOpsxProfileState(ctx) {
+	const configListJson = await ctx.cliExecutor.execute([
+		"config",
+		"list",
+		"--json"
+	]);
+	if (!configListJson.success) return {
+		available: false,
+		profile: null,
+		delivery: null,
+		workflows: [],
+		driftStatus: "unknown",
+		warningText: null,
+		error: configListJson.stderr || "Failed to load profile config."
+	};
+	const parsed = parseOpsxProfileListJson(configListJson.stdout);
+	if (!parsed) return {
+		available: false,
+		profile: null,
+		delivery: null,
+		workflows: [],
+		driftStatus: "unknown",
+		warningText: null,
+		error: "Invalid JSON from `openspec config list --json`."
+	};
+	const configListText = await ctx.cliExecutor.execute(["config", "list"]);
+	if (!configListText.success) return {
+		available: true,
+		profile: parsed.profile,
+		delivery: parsed.delivery,
+		workflows: parsed.workflows,
+		driftStatus: "unknown",
+		warningText: null
+	};
+	const drift = parseOpsxConfigDrift(`${configListText.stdout}\n${configListText.stderr}`);
+	return {
+		available: true,
+		profile: parsed.profile,
+		delivery: parsed.delivery,
+		workflows: parsed.workflows,
+		driftStatus: drift.drift ? "drift" : "in-sync",
+		warningText: drift.warningText
+	};
+}
+async function resolveGlobalConfigPath(ctx) {
+	const result = await ctx.cliExecutor.execute(["config", "path"]);
+	if (!result.success) throw new Error(result.stderr || "Failed to resolve OpenSpec global config path.");
+	const path$1 = result.stdout.trim();
+	if (!path$1) throw new Error("OpenSpec global config path is empty.");
+	return path$1;
+}
+async function fetchGlobalConfigJson(ctx) {
+	const result = await ctx.cliExecutor.execute([
+		"config",
+		"list",
+		"--json"
+	]);
+	if (!result.success) throw new Error(result.stderr || "Failed to load OpenSpec global config.");
+	try {
+		const parsed = JSON.parse(result.stdout);
+		if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) throw new Error("OpenSpec global config must be a JSON object.");
+		return parsed;
+	} catch (error) {
+		const message = error instanceof Error ? error.message : String(error);
+		throw new Error(`Invalid JSON from \`openspec config list --json\`: ${message}`);
+	}
+}
 function ensureEditableSource(source, label) {
 	if (source === "package") throw new Error(`${label} is read-only (package source)`);
 }
@@ -24145,6 +24279,35 @@ async function fetchDashboardOverview(ctx, reason = "dashboard-refresh") {
 		ctx.adapter.listChangesWithMeta(),
 		ctx.adapter.listArchivedChangesWithMeta()
 	]);
+	await ctx.kernel.waitForWarmup();
+	await ctx.kernel.ensureStatusList();
+	const statusList = ctx.kernel.getStatusList();
+	const changeMetaMap = new Map(changeMetas.map((change) => [change.id, change]));
+	const activeChangeIds = new Set([...changeMetas.map((change) => change.id), ...statusList.map((status) => status.changeName)]);
+	const statusByChange = new Map(statusList.map((status) => [status.changeName, status]));
+	const activeChanges = (await Promise.all([...activeChangeIds].map(async (changeId) => {
+		const status = statusByChange.get(changeId);
+		const changeMeta = changeMetaMap.get(changeId);
+		const statInfo = await reactiveStat(join$1(ctx.projectDir, "openspec", "changes", changeId));
+		let progress = changeMeta?.progress ?? {
+			total: 0,
+			completed: 0
+		};
+		if (status) try {
+			await ctx.kernel.ensureApplyInstructions(changeId, status.schemaName);
+			const apply = ctx.kernel.getApplyInstructions(changeId, status.schemaName);
+			progress = {
+				total: apply.progress.total,
+				completed: apply.progress.complete
+			};
+		} catch {}
+		return {
+			id: changeId,
+			name: changeMeta?.name ?? changeId,
+			progress,
+			updatedAt: changeMeta?.updatedAt ?? statInfo?.mtime ?? 0
+		};
+	}))).sort((a, b) => b.updatedAt - a.updatedAt);
 	const archivedChanges = (await Promise.all(archiveMetas.map(async (meta) => {
 		const change = await ctx.adapter.readArchivedChange(meta.id);
 		if (!change) return null;
@@ -24165,12 +24328,6 @@ async function fetchDashboardOverview(ctx, reason = "dashboard-refresh") {
 			updatedAt: meta.updatedAt
 		};
 	}))).filter((item) => item !== null).sort((a, b) => b.requirements - a.requirements || b.updatedAt - a.updatedAt);
-	const activeChanges = changeMetas.map((change) => ({
-		id: change.id,
-		name: change.name,
-		progress: change.progress,
-		updatedAt: change.updatedAt
-	}));
 	const requirements = specifications.reduce((sum, spec) => sum + spec.requirements, 0);
 	const tasksTotal = activeChanges.reduce((sum, change) => sum + change.progress.total, 0);
 	const tasksCompleted = activeChanges.reduce((sum, change) => sum + change.progress.completed, 0);
@@ -24501,6 +24658,7 @@ const configRouter = router({
 			"dark",
 			"system"
 		]).optional(),
+		codeEditor: objectType({ theme: CodeEditorThemeSchema.optional() }).optional(),
 		terminal: TerminalConfigSchema.omit({ rendererEngine: true }).partial().extend({ rendererEngine: TerminalRendererEngineSchema.optional() }).optional(),
 		dashboard: DashboardConfigSchema.partial().optional()
 	})).mutation(async ({ ctx, input }) => {
@@ -24508,8 +24666,9 @@ const configRouter = router({
 		const hasCliArgs = input.cli !== void 0 && Object.prototype.hasOwnProperty.call(input.cli, "args");
 		if (hasCliCommand && !hasCliArgs) {
 			await ctx.configManager.setCliCommand(input.cli?.command ?? "");
-			if (input.theme !== void 0 || input.terminal !== void 0 || input.dashboard !== void 0) await ctx.configManager.writeConfig({
+			if (input.theme !== void 0 || input.codeEditor !== void 0 || input.terminal !== void 0 || input.dashboard !== void 0) await ctx.configManager.writeConfig({
 				theme: input.theme,
+				codeEditor: input.codeEditor,
 				terminal: input.terminal,
 				dashboard: input.dashboard
 			});
@@ -24570,18 +24729,41 @@ const cliRouter = router({
 			successLabel: tool.successLabel
 		}));
 	}),
+	getProfileState: publicProcedure.query(async ({ ctx }) => {
+		return fetchOpsxProfileState(ctx);
+	}),
+	getGlobalConfigPath: publicProcedure.query(async ({ ctx }) => {
+		return { path: await resolveGlobalConfigPath(ctx) };
+	}),
+	getGlobalConfig: publicProcedure.query(async ({ ctx }) => {
+		return fetchGlobalConfigJson(ctx);
+	}),
+	setGlobalConfig: publicProcedure.input(objectType({ config: recordType(stringType(), unknownType()) })).mutation(async ({ ctx, input }) => {
+		const configPath = await resolveGlobalConfigPath(ctx);
+		await mkdir$1(dirname$1(configPath), { recursive: true });
+		await writeFile$1(configPath, `${JSON.stringify(input.config, null, 2)}\n`, "utf8");
+		return { success: true };
+	}),
 	getConfiguredTools: publicProcedure.query(async ({ ctx }) => {
 		return getConfiguredTools(ctx.projectDir);
 	}),
 	subscribeConfiguredTools: publicProcedure.subscription(({ ctx }) => {
 		return createReactiveSubscription(() => getConfiguredTools(ctx.projectDir));
 	}),
-	init: publicProcedure.input(objectType({ tools: unionType([
-		arrayType(stringType()),
-		literalType("all"),
-		literalType("none")
-	]).optional() }).optional()).mutation(async ({ ctx, input }) => {
-		return ctx.cliExecutor.init(input?.tools ?? "all");
+	init: publicProcedure.input(objectType({
+		tools: unionType([
+			arrayType(stringType()),
+			literalType("all"),
+			literalType("none")
+		]).optional(),
+		profile: enumType(["core", "custom"]).optional(),
+		force: booleanType().optional()
+	}).optional()).mutation(async ({ ctx, input }) => {
+		return ctx.cliExecutor.init({
+			tools: input?.tools,
+			profile: input?.profile,
+			force: input?.force
+		});
 	}),
 	archive: publicProcedure.input(objectType({
 		changeId: stringType(),
@@ -24608,12 +24790,20 @@ const cliRouter = router({
 	execute: publicProcedure.input(objectType({ args: arrayType(stringType()) })).mutation(async ({ ctx, input }) => {
 		return ctx.cliExecutor.execute(input.args);
 	}),
-	initStream: publicProcedure.input(objectType({ tools: unionType([
-		arrayType(stringType()),
-		literalType("all"),
-		literalType("none")
-	]).optional() }).optional()).subscription(({ ctx, input }) => {
-		return createCliStreamObservable((onEvent) => ctx.cliExecutor.initStream(input?.tools ?? "all", onEvent));
+	initStream: publicProcedure.input(objectType({
+		tools: unionType([
+			arrayType(stringType()),
+			literalType("all"),
+			literalType("none")
+		]).optional(),
+		profile: enumType(["core", "custom"]).optional(),
+		force: booleanType().optional()
+	}).optional()).subscription(({ ctx, input }) => {
+		return createCliStreamObservable((onEvent) => ctx.cliExecutor.initStream({
+			tools: input?.tools,
+			profile: input?.profile,
+			force: input?.force
+		}, onEvent));
 	}),
 	archiveStream: publicProcedure.input(objectType({
 		changeId: stringType(),
@@ -24847,18 +25037,6 @@ const opsxRouter = router({
 			return ctx.kernel.getChangeIds();
 		});
 	}),
-	changeMetadata: publicProcedure.input(objectType({ changeId: stringType() })).query(async ({ ctx, input }) => {
-		await ctx.kernel.waitForWarmup();
-		await ctx.kernel.ensureChangeMetadata(input.changeId);
-		return ctx.kernel.getChangeMetadata(input.changeId);
-	}),
-	subscribeChangeMetadata: publicProcedure.input(objectType({ changeId: stringType() })).subscription(({ ctx, input }) => {
-		return createReactiveSubscription(async () => {
-			await ctx.kernel.waitForWarmup();
-			await ctx.kernel.ensureChangeMetadata(input.changeId);
-			return ctx.kernel.getChangeMetadata(input.changeId);
-		});
-	}),
 	readArtifactOutput: publicProcedure.input(objectType({
 		changeId: stringType(),
 		outputPath: stringType()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openspecui",
-  "version": "1.6.0",
+  "version": "2.0.1",
   "description": "OpenSpec UI - Visual interface for spec-driven development",
   "type": "module",
   "main": "dist/index.mjs",
@@ -33,8 +33,8 @@
     "typescript": "^5.7.2",
     "vitest": "^2.1.8",
     "yargs": "^18.0.0",
-    "@openspecui/server": "1.6.0",
-    "@openspecui/web": "1.6.0"
+    "@openspecui/web": "2.0.1",
+    "@openspecui/server": "2.0.0"
   },
   "scripts": {
     "build": "pnpm run build:web && pnpm run build:copy-web && tsdown",

package/web/assets/{BufferResource-LpIscPOh.js → BufferResource-Cipj3hQ5.js}

@@ -1,4 +1,4 @@
-import{y as U,z as g,A as c,B as S,D as _,F as m,H as I,J as p}from"./index-CKfGQiMr.js";const x={name:"local-uniform-bit",vertex:{header:`
+import{y as U,z as g,A as c,B as S,D as _,F as m,H as I,J as p}from"./index-B-vvVL83.js";const x={name:"local-uniform-bit",vertex:{header:`
 
             struct LocalUniforms {
                 uTransformMatrix:mat3x3<f32>,