@pisell/private-materials 6.12.168 → 6.12.169

package/es/components/HDLKiosk/runtime/operations/identity.js

@@ -0,0 +1,55 @@
+import { _asyncToGenerator } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+import { identitySyncOperation } from "../../app/operations.js";
+import { createOperationError, operationFailed, operationUnknown } from "./errors.js";
+import { bindOperation } from "./types.js";
+//#region src/components/HDLKiosk/runtime/operations/identity.ts
+function partialFailure(code, cause) {
+	return {
+		status: "partialFailure",
+		error: createOperationError(code, "staff", cause)
+	};
+}
+function identityMatches(customerId, customer) {
+	if (!customerId) return (customer === null || customer === void 0 ? void 0 : customer.member) !== true;
+	if ((customer === null || customer === void 0 ? void 0 : customer.member) !== true) return false;
+	return customer.customerId === customerId;
+}
+const identitySyncOperationBinding = bindOperation(identitySyncOperation, { execute: function() {
+	var _ref = _asyncToGenerator(function* (context, input, signal) {
+		var _input$customerId;
+		if (!input || input.customerId !== void 0 && !input.customerId.trim()) return operationFailed("identityInputInvalid", "back");
+		const customerId = (_input$customerId = input.customerId) === null || _input$customerId === void 0 ? void 0 : _input$customerId.trim();
+		const beforeSelection = context.host.sales.getObservedSnapshot();
+		const selected = yield context.host.sales.selectIdentity(customerId ? { customerId } : {}, signal);
+		if (selected.status !== "succeeded") return selected;
+		if (signal.aborted) return operationUnknown("identityAbortedAfterWrite");
+		const afterSelection = context.host.sales.getObservedSnapshot();
+		const hasOrderLines = beforeSelection.cart.lineCount > 0 || afterSelection.cart.lineCount > 0;
+		let summaryConfirmed = false;
+		if (hasOrderLines) {
+			const consistency = yield context.host.sales.waitForCartConsistency(signal);
+			if (consistency.status !== "succeeded") {
+				if (consistency.status === "unknown") return consistency;
+				return partialFailure("identityConsistencyFailed", consistency);
+			}
+			const summary = yield context.host.sales.recalculateSummary(signal);
+			if (summary.status !== "succeeded") {
+				if (summary.status === "unknown") return summary;
+				return partialFailure("identitySummaryRecalculationFailed", summary);
+			}
+			summaryConfirmed = Boolean(summary.data.confirmedSummary);
+		}
+		const observed = context.host.sales.getObservedSnapshot();
+		if (hasOrderLines && !summaryConfirmed && observed.summary.status !== "ready") return partialFailure("identitySummaryProjectionMissing");
+		if (!(customerId ? identityMatches(customerId, selected.data.customer) : selected.data.customer === void 0) && !identityMatches(customerId, observed.customer)) return operationUnknown("identitySelectionNotObserved");
+		return {
+			status: "succeeded",
+			data: void 0
+		};
+	});
+	return function execute(_x, _x2, _x3) {
+		return _ref.apply(this, arguments);
+	};
+}() });
+//#endregion
+export { identitySyncOperationBinding };

package/es/components/HDLKiosk/runtime/operations/registry.js

@@ -0,0 +1,34 @@
+import { createOperationRegistry } from "./types.js";
+import { barcodeConsumeOperationBinding } from "./barcode.js";
+import { cartAddProductOperationBinding, cartRemoveLineOperationBinding, cartUpdateQuantityOperationBinding } from "./cart.js";
+import { checkoutOpenOperationBinding, checkoutPayEftposOperationBinding, checkoutPrepareOperationBinding, checkoutRequestStaffPaymentApprovalOperationBinding } from "./checkout.js";
+import { setFulfillmentOperationBinding } from "./fulfillment.js";
+import { sessionEnsureOperationBinding, sessionResetOperationBinding } from "./session.js";
+import { identitySyncOperationBinding } from "./identity.js";
+import { productRemovePrimaryProductOperationBinding, productSyncPrimaryWeightedProductOperationBinding } from "./customization.js";
+//#region src/components/HDLKiosk/runtime/operations/registry.ts
+/**
+* 文件角色：为 HDLKiosk Operation Contract 提供生产 Runtime Handler Registry。
+* 边界：Application Manifest 只引用 Contract；Host 业务方法只能从本 Binding 层进入。
+*/
+const HDLKIOSK_OPERATION_BINDINGS = Object.freeze([
+	barcodeConsumeOperationBinding,
+	cartAddProductOperationBinding,
+	cartRemoveLineOperationBinding,
+	cartUpdateQuantityOperationBinding,
+	checkoutOpenOperationBinding,
+	checkoutPayEftposOperationBinding,
+	checkoutPrepareOperationBinding,
+	checkoutRequestStaffPaymentApprovalOperationBinding,
+	sessionEnsureOperationBinding,
+	sessionResetOperationBinding,
+	setFulfillmentOperationBinding,
+	identitySyncOperationBinding,
+	productRemovePrimaryProductOperationBinding,
+	productSyncPrimaryWeightedProductOperationBinding
+]);
+function createHDLKioskOperationRegistry() {
+	return createOperationRegistry(HDLKIOSK_OPERATION_BINDINGS);
+}
+//#endregion
+export { createHDLKioskOperationRegistry };

package/es/components/HDLKiosk/runtime/operations/session.js

@@ -0,0 +1,29 @@
+import { _asyncToGenerator } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+import { sessionEnsureOperation, sessionResetOperation } from "../../app/operations.js";
+import { operationUnknown } from "./errors.js";
+import { bindOperation } from "./types.js";
+//#region src/components/HDLKiosk/runtime/operations/session.ts
+function forwardFailure(result) {
+	return result;
+}
+const sessionEnsureOperationBinding = bindOperation(sessionEnsureOperation, { execute: ({ host }, _input, signal) => host.sales.ensureSession(signal) });
+const sessionResetOperationBinding = bindOperation(sessionResetOperation, { execute: function() {
+	var _ref = _asyncToGenerator(function* ({ host }, _input, signal) {
+		const before = host.sales.getObservedSnapshot();
+		if (before.payment.status === "pending" || before.payment.status === "unknown") return operationUnknown("resetBlockedByPaymentState");
+		const reset = yield host.sales.clearAndReset(signal);
+		if (reset.status !== "succeeded") return forwardFailure(reset);
+		if (!reset.data.cartEmpty) return operationUnknown("resetHostResultNotEmpty");
+		const consistency = yield host.sales.waitForCartConsistency(signal);
+		if (consistency.status !== "succeeded") return forwardFailure(consistency);
+		return {
+			status: "succeeded",
+			data: void 0
+		};
+	});
+	return function execute(_x, _x2, _x3) {
+		return _ref.apply(this, arguments);
+	};
+}() });
+//#endregion
+export { sessionEnsureOperationBinding, sessionResetOperationBinding };

package/es/components/HDLKiosk/runtime/operations/types.js

@@ -0,0 +1,13 @@
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { createKernelOperationRegistry } from "../../kernel/operations/registry.js";
+import { bindKernelOperation } from "../../kernel/operations/types.js";
+//#region src/components/HDLKiosk/runtime/operations/types.ts
+function bindOperation(contract, handler) {
+	const bound = bindKernelOperation(contract, { execute: handler.execute });
+	return Object.freeze(_objectSpread2(_objectSpread2({}, bound), {}, { verify: handler.verify }));
+}
+function createOperationRegistry(operations) {
+	return createKernelOperationRegistry(operations);
+}
+//#endregion
+export { bindOperation, createOperationRegistry };

package/es/components/HDLKiosk/runtime/session/blockPolicy.js

@@ -0,0 +1,14 @@
+//#region src/components/HDLKiosk/runtime/session/blockPolicy.ts
+const CHECKOUT_DISPATCH_OPERATIONS = new Set(["checkout.open", "checkout.payEftpos"]);
+/** 这些结果发生在任何支付调用之前，不存在重复扣款风险。 */
+const RETRYABLE_CHECKOUT_PREFLIGHT_ERRORS = new Set(["checkoutProjectionUnstable", "checkoutCartStillChanging"]);
+function shouldHardBlockOperationResult(operationId, result) {
+	var _result$error$details;
+	if (result.status !== "partialFailure" && result.status !== "unknown") return false;
+	if (operationId === "session.reset") return true;
+	if (!CHECKOUT_DISPATCH_OPERATIONS.has(operationId)) return false;
+	if (((_result$error$details = result.error.details) === null || _result$error$details === void 0 ? void 0 : _result$error$details.checkoutDispatched) === false) return false;
+	return !RETRYABLE_CHECKOUT_PREFLIGHT_ERRORS.has(result.error.code);
+}
+//#endregion
+export { shouldHardBlockOperationResult };

package/es/components/HDLKiosk/runtime/{createWorkflowSession.js → session/createSession.js}

@@ -1,19 +1,21 @@
-import { _asyncToGenerator } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
-import { createOperationCoordinator } from "../app/operations/coordinator.js";
-import { createHDLKioskOperationRegistry } from "../app/manifest.js";
-import { defaultActivityRegistry, getBuiltInWorkflowDefinition } from "../app/workflow/registry.js";
-import { defaultPredicateRegistry } from "../app/workflow/predicates.js";
-import { createHDLKioskBeforeEachGuard, defaultNavigationGuardRegistry } from "../app/workflow/navigationGuards.js";
-import { validateHDLKioskWorkflowPolicy } from "../app/workflow/policy.js";
-import { HDL_WORKFLOW_IDS } from "../app/constants.js";
-import { composeWorkflowLifecycles } from "../kernel/lifecycle.js";
-import { createWorkflowActor } from "../kernel/workflow/actor.js";
-import { compileWorkflowStructure } from "../kernel/workflow/compiler.js";
-import { createHDLKioskTransitionRunner } from "./domainTransitionRunner.js";
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _asyncToGenerator } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+import { defaultActivityRegistry, getBuiltInWorkflowDefinition } from "../../app/workflow/registry.js";
+import { defaultPredicateRegistry } from "../../app/workflow/predicates.js";
+import { createHDLKioskBeforeEachGuard, defaultNavigationGuardRegistry } from "../../app/workflow/navigationGuards.js";
+import { validateHDLKioskWorkflowPolicy } from "../../app/workflow/policy.js";
+import { HDL_WORKFLOW_IDS } from "../../app/workflow/index.js";
+import { createHDLKioskOperationRegistry } from "../operations/registry.js";
+import { composeWorkflowLifecycles } from "../../kernel/lifecycle.js";
+import { createWorkflowActor } from "../../kernel/workflow/actor.js";
+import { compileWorkflowStructure } from "../../kernel/workflow/compiler.js";
+import { createOperationCoordinator } from "../operations/coordinator.js";
+import { shouldHardBlockOperationResult } from "./blockPolicy.js";
+import { createHDLKioskTransitionRunner } from "./transitionRunner.js";
 import { createHDLKioskWorkflowLifecycle } from "./workflowLifecycle.js";
 import { reduceHDLKioskWorkflowContext } from "./workflowContext.js";
 import { locales } from "@pisell/utils";
-//#region src/components/HDLKiosk/runtime/createWorkflowSession.ts
+//#region src/components/HDLKiosk/runtime/session/createSession.ts
 /**
 * 文件角色：创建一次点餐会话所需的全部纯 Core 对象。
 * 运行机制：选择/编译 Definition，组装 Activity Registry、Operation Registry、
@@ -21,7 +23,7 @@ import { locales } from "@pisell/utils";
 * 边界：每次会话创建一次；不持有 React UI，也不复用上一单 Actor。
 */
 function createHDLKioskWorkflowSession(entry, host, options = {}) {
-	var _options$initialConte, _options$lifecycleExt;
+	var _options$initialConte, _options$lifecycleExt, _options$cause, _options$sessionId;
 	const operations = createHDLKioskOperationRegistry();
 	const structuralCompilation = compileWorkflowStructure(getBuiltInWorkflowDefinition(entry), {
 		operations,
@@ -41,7 +43,7 @@ function createHDLKioskWorkflowSession(entry, host, options = {}) {
 	});
 	let actorRef;
 	const coordinator = createOperationCoordinator(host, operations, {
-		checkoutRequirementIds: definition.checkoutRequirements,
+		checkoutRequirementIds: definition.requirements,
 		getWorkflowContext: () => {
 			var _actorRef$getSnapshot;
 			return (_actorRef$getSnapshot = actorRef === null || actorRef === void 0 ? void 0 : actorRef.getSnapshot().context) !== null && _actorRef$getSnapshot !== void 0 ? _actorRef$getSnapshot : initialContext;
@@ -66,6 +68,40 @@ function createHDLKioskWorkflowSession(entry, host, options = {}) {
 		beforeEach: createHDLKioskBeforeEachGuard(() => host.sales.getObservedSnapshot())
 	});
 	actorRef = workflowActor;
+	let paymentProjectionObservationId;
+	const advanceConfirmedPayment = () => {
+		var _definition$nodes$sna;
+		const snapshot = workflowActor.getSnapshot();
+		const projection = host.sales.getObservedSnapshot();
+		if (snapshot.status !== "idle" || ((_definition$nodes$sna = definition.nodes[snapshot.nodeId]) === null || _definition$nodes$sna === void 0 ? void 0 : _definition$nodes$sna.activity) !== "paymentMethod" || projection.payment.status !== "succeeded" || paymentProjectionObservationId === projection.observationId) return;
+		paymentProjectionObservationId = projection.observationId;
+		workflowActor.send({
+			type: "ACTIVITY_INTENT",
+			stepId: snapshot.nodeId,
+			activityId: "paymentMethod",
+			intent: "complete",
+			intentId: `projection:payment:${snapshot.sessionEpoch}:${projection.observationId}`
+		});
+	};
+	let unsubscribePaymentProjection = () => void 0;
+	let unsubscribePaymentWorkflow = () => void 0;
+	try {
+		unsubscribePaymentProjection = host.sales.subscribe(advanceConfirmedPayment);
+		unsubscribePaymentWorkflow = workflowActor.subscribe(advanceConfirmedPayment);
+	} catch (error) {
+		unsubscribePaymentProjection();
+		workflowActor.dispose();
+		throw error;
+	}
+	advanceConfirmedPayment();
+	const sessionSnapshot = workflowActor.getSnapshot();
+	const cause = (_options$cause = options.cause) !== null && _options$cause !== void 0 ? _options$cause : Object.freeze({
+		trigger: "manual",
+		channel: definition.id,
+		occurrenceId: `${definition.id}:${sessionSnapshot.sessionEpoch}`,
+		correlationId: `${definition.id}:${sessionSnapshot.sessionEpoch}`
+	});
+	let disposed = false;
 	try {
 		const snapshot = workflowActor.getSnapshot();
 		host.telemetry.emit({
@@ -79,10 +115,24 @@ function createHDLKioskWorkflowSession(entry, host, options = {}) {
 			}
 		});
 	} catch (_unused) {}
+	const disposeSession = () => {
+		if (disposed) return;
+		disposed = true;
+		unsubscribePaymentProjection();
+		unsubscribePaymentWorkflow();
+		workflowActor.dispose();
+	};
+	const publicActor = Object.freeze(_objectSpread2(_objectSpread2({}, workflowActor), {}, { dispose: disposeSession }));
 	return Object.freeze({
+		id: (_options$sessionId = options.sessionId) !== null && _options$sessionId !== void 0 ? _options$sessionId : `${definition.id}:${sessionSnapshot.sessionEpoch}:${cause.occurrenceId}`,
+		workflowId: definition.id,
+		cause,
 		entry,
 		definition,
-		actor: workflowActor,
+		actor: publicActor,
+		dispatch: (event) => workflowActor.send(event),
+		isActive: () => !disposed && workflowActor.getSnapshot().status !== "finished",
+		dispose: disposeSession,
 		ensure: (intentId) => {
 			const snapshot = workflowActor.getSnapshot();
 			return coordinator.execute("session.ensure", {
@@ -101,7 +151,7 @@ function createHDLKioskWorkflowSession(entry, host, options = {}) {
 					sessionEpoch: snapshot.sessionEpoch,
 					input
 				});
-				if (result.status === "partialFailure" || result.status === "unknown") workflowActor.block(result.error, intentId);
+				if (shouldHardBlockOperationResult(commandId, result)) workflowActor.block(result.error, intentId);
 				return result;
 			});
 			return function executeCommand(_x, _x2, _x3) {

package/es/components/HDLKiosk/runtime/{domainTransitionRunner.js → session/transitionRunner.js}

@@ -1,6 +1,7 @@
-import { _asyncToGenerator } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
-import { resolveOperationTransition } from "../kernel/workflow/transition.js";
-//#region src/components/HDLKiosk/runtime/domainTransitionRunner.ts
+import { _asyncToGenerator } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+import { resolveOperationTransition } from "../../kernel/workflow/transition.js";
+import { shouldHardBlockOperationResult } from "./blockPolicy.js";
+//#region src/components/HDLKiosk/runtime/session/transitionRunner.ts
 let domainErrorSequence = 0;
 function createDomainWorkflowError(code, recovery = "staff", cause) {
 	domainErrorSequence += 1;
@@ -44,7 +45,7 @@ function createHDLKioskTransitionRunner({ host, coordinator, predicates, now = D
 					const error = createDomainWorkflowError("workflowPredicateEvaluationFailed", "staff", cause);
 					emitError(error, workflowId, stepId, event.intent);
 					return {
-						status: "blocked",
+						status: "stay",
 						lastError: error
 					};
 				}
@@ -94,6 +95,10 @@ function createHDLKioskTransitionRunner({ host, coordinator, predicates, now = D
 					status: "stay",
 					lastError: createDomainWorkflowError("checkoutPaymentCancelled", "retry", result.reason)
 				};
+				if ((result.status === "partialFailure" || result.status === "unknown") && !shouldHardBlockOperationResult(command.id, result)) return {
+					status: "stay",
+					lastError: result.error
+				};
 				const decision = resolveOperationTransition({
 					currentNodeId: stepId,
 					targetNodeId: transition.target,
@@ -105,7 +110,7 @@ function createHDLKioskTransitionRunner({ host, coordinator, predicates, now = D
 				};
 				if (decision.nodeId === transition.target) return {
 					status: "advance",
-					confirmedCheckout: (command.id === "checkout.open" || command.id === "checkout.payEftpos") && result.status === "succeeded" ? result.data : void 0
+					receipt: (command.id === "checkout.open" || command.id === "checkout.payEftpos") && result.status === "succeeded" ? result.data : void 0
 				};
 				return {
 					status: "stay",

package/es/components/HDLKiosk/runtime/{workflowContext.js → session/workflowContext.js}

@@ -1,5 +1,5 @@
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
-//#region src/components/HDLKiosk/runtime/workflowContext.ts
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+//#region src/components/HDLKiosk/runtime/session/workflowContext.ts
 const reduceHDLKioskWorkflowContext = (context, patch) => {
 	if (!patch) return context;
 	const fulfillment = patch.fulfillment === "dine_in" || patch.fulfillment === "takeaway" ? patch.fulfillment : context.fulfillment;

package/es/components/HDLKiosk/runtime/{workflowLifecycle.js → session/workflowLifecycle.js}

@@ -1,5 +1,5 @@
-import { _asyncToGenerator } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
-//#region src/components/HDLKiosk/runtime/workflowLifecycle.ts
+import { _asyncToGenerator } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+//#region src/components/HDLKiosk/runtime/session/workflowLifecycle.ts
 function createHDLKioskWorkflowLifecycle(host, now = Date.now) {
 	const lifecycle = {
 		committed: function() {

package/es/components/HDLKiosk/runtime/triggers.js

@@ -0,0 +1,28 @@
+import { createScaleIngress } from "./devices/scaleIngress.js";
+//#region src/components/HDLKiosk/runtime/triggers.ts
+function createHDLKioskEntryTriggerAdapters(host, config, scannerTriggerAdapter) {
+	const scaleIngress = createScaleIngress();
+	const onWeight = Object.freeze({
+		trigger: "onWeight",
+		activate: ({ emit }) => host.devices.subscribe((event) => {
+			if (event.type !== "weightChanged") return;
+			const accepted = scaleIngress.accept(event, {
+				active: true,
+				supported: config.enabledEntries.includes("scale") && Boolean(config.primaryWeightedProductId) && host.capabilities.scale.available && host.capabilities.scale.weightChangeTrigger,
+				workflowLocked: false,
+				nodeAcceptsEvent: true,
+				paymentFrozen: false
+			});
+			if (accepted.status !== "accepted") return;
+			emit({
+				channel: "weighing-product",
+				occurrenceId: accepted.event.eventId,
+				correlationId: `device:scale:${accepted.event.eventId}`,
+				payload: { weight: accepted.event.weight }
+			});
+		}, { sources: ["scale"] })
+	});
+	return Object.freeze([scannerTriggerAdapter, onWeight]);
+}
+//#endregion
+export { createHDLKioskEntryTriggerAdapters };

package/es/components/HDLKiosk/slices/catalog/Screen/index.js

@@ -226,20 +226,24 @@ function CatalogScreen({ products, loading, errorReference, errorMessage, busy,
 			const item = rawItem;
 			const product = item;
 			const quantity = formatQuantity(orderBar.quantitiesByProduct[product.productId]);
+			const addProduct = () => send({
+				kind: "command",
+				command: "cart.addProduct",
+				input: {
+					productId: product.productId,
+					quantity: "1"
+				}
+			});
 			const action = /* @__PURE__ */ React.createElement("button", {
 				type: "button",
 				className: `${KIOSK_CATALOG_PRODUCT_CARD_CLASS_NAME}__add`,
 				disabled: busy || !product.available,
 				"aria-label": `${locales.getText("pisell2.hdl-kiosk.catalog-add-item")}: ${product.name}`,
 				"aria-busy": busy || void 0,
-				onClick: () => send({
-					kind: "command",
-					command: "cart.addProduct",
-					input: {
-						productId: product.productId,
-						quantity: "1"
-					}
-				})
+				onClick: (event) => {
+					event.stopPropagation();
+					addProduct();
+				}
 			}, quantity ? /* @__PURE__ */ React.createElement("span", { "data-length": Math.min(quantity.length, 5) }, quantity) : /* @__PURE__ */ React.createElement(PlusIcon, null));
 			return /* @__PURE__ */ React.createElement(ProductCard, {
 				key: product.productId,
@@ -247,6 +251,9 @@ function CatalogScreen({ products, loading, errorReference, errorMessage, busy,
 				index,
 				scenario: "booking2",
 				selectionTrigger: "click",
+				onSelect: busy || !product.available ? void 0 : addProduct,
+				onSelectCover: busy || !product.available ? void 0 : addProduct,
+				onSelectInfo: busy || !product.available ? void 0 : addProduct,
 				className: KIOSK_CATALOG_PRODUCT_CARD_CLASS_NAME,
 				customSkuCardAllConfig: createKioskCatalogProductCardConfig({
 					title: product.name,

package/es/components/HDLKiosk/slices/catalog/Screen/index.less

@@ -1,5 +1,8 @@
 .pisell-hdl-kiosk {
   .hdl-catalog-screen {
+    --hdl-catalog-menu-font-level-1: 24px;
+    --hdl-catalog-menu-font-level-2: 20px;
+    --hdl-catalog-menu-font-level-3: 18px;
     position: relative;
     width: 100%;
     height: 100%;
@@ -9,16 +12,14 @@
   }
 
   .hdl-catalog-layout {
-    display: grid;
+    display: flex;
     width: 100%;
     height: 100%;
     min-height: 0;
-    grid-template-columns: clamp(96px, 18vw, 180px) minmax(0, 1fr);
     overflow: hidden;
   }
 
   .hdl-catalog-layout > .pisell-kiosk-category-sidebar {
-    width: 100%;
     border-right-color: rgba(255, 255, 255, 0.1);
     background: #202735;
     --pisell-kiosk-cart-capsule-reserved-space: max(
@@ -49,14 +50,17 @@
     .pisell-kiosk-category-sidebar__tabbar
     .text-card {
     box-sizing: border-box;
+    min-height: 80px !important;
     justify-content: flex-start !important;
+    gap: 10px !important;
     border: 1px solid rgba(255, 255, 255, 0.1) !important;
     border-radius: 14px !important;
+    padding: 10px 16px !important;
     background: rgba(255, 255, 255, 0.06) !important;
     color: rgba(255, 255, 255, 0.78) !important;
-    font-size: 29px;
-    font-weight: 950;
-    line-height: 1.05;
+    font-size: var(--hdl-catalog-menu-font-level-1);
+    font-weight: 850;
+    line-height: 1.15;
     text-align: left;
   }
 
@@ -65,9 +69,9 @@
     .text-card
     .text-card__content {
     color: rgba(255, 255, 255, 0.78) !important;
-    font-size: 29px !important;
-    font-weight: 950 !important;
-    line-height: 1.05;
+    font-size: var(--hdl-catalog-menu-font-level-1) !important;
+    font-weight: 850 !important;
+    line-height: 1.15;
     text-align: left !important;
   }
 
@@ -84,6 +88,16 @@
     .text-card
     .anticon {
     color: rgba(255, 255, 255, 0.86) !important;
+    font-size: 24px !important;
+  }
+
+  .hdl-catalog-layout
+    .pisell-kiosk-category-sidebar__tabbar
+    .text-card
+    .text-card__icon
+    img {
+    width: 24px !important;
+    height: 24px !important;
   }
 
   .hdl-catalog-layout
@@ -130,10 +144,14 @@
     .pisell-kiosk-category-sidebar__tabbar
     .pisell-tabbar__level--2
     .text-card {
+    min-height: 68px !important;
+    gap: 8px !important;
     border-radius: 12px !important;
+    padding: 8px 14px !important;
     background: transparent !important;
-    font-size: 21px;
+    font-size: var(--hdl-catalog-menu-font-level-2);
     font-weight: 850;
+    line-height: 1.15;
   }
 
   .hdl-catalog-layout
@@ -141,18 +159,23 @@
     .pisell-tabbar__level--2
     .text-card
     .text-card__content {
-    font-size: 21px !important;
+    font-size: var(--hdl-catalog-menu-font-level-2) !important;
     font-weight: 850 !important;
+    line-height: 1.15;
   }
 
   .hdl-catalog-layout
     .pisell-kiosk-category-sidebar__tabbar
     .pisell-tabbar__level--3
     .text-card {
+    min-height: 60px !important;
+    gap: 8px !important;
     border-radius: 10px !important;
+    padding: 7px 12px !important;
     background: transparent !important;
-    font-size: 18px;
+    font-size: var(--hdl-catalog-menu-font-level-3);
     font-weight: 800;
+    line-height: 1.15;
   }
 
   .hdl-catalog-layout
@@ -160,8 +183,45 @@
     .pisell-tabbar__level--3
     .text-card
     .text-card__content {
-    font-size: 18px !important;
+    font-size: var(--hdl-catalog-menu-font-level-3) !important;
     font-weight: 800 !important;
+    line-height: 1.15;
+  }
+
+  .hdl-catalog-layout
+    .pisell-kiosk-category-sidebar__tabbar
+    .pisell-tabbar__level--2
+    .text-card
+    :is(.pisell-icon, .iconfont, .anticon) {
+    font-size: 20px !important;
+  }
+
+  .hdl-catalog-layout
+    .pisell-kiosk-category-sidebar__tabbar
+    .pisell-tabbar__level--2
+    .text-card
+    .text-card__icon
+    img {
+    width: 20px !important;
+    height: 20px !important;
+  }
+
+  .hdl-catalog-layout
+    .pisell-kiosk-category-sidebar__tabbar
+    .pisell-tabbar__level--3
+    .text-card
+    :is(.pisell-icon, .iconfont, .anticon) {
+    font-size: 18px !important;
+  }
+
+  .hdl-catalog-layout
+    .pisell-kiosk-category-sidebar__tabbar
+    .pisell-tabbar__level--3
+    .text-card
+    .text-card__icon
+    img {
+    width: 18px !important;
+    height: 18px !important;
   }
 
   .hdl-catalog-layout
@@ -206,6 +266,7 @@
   .hdl-catalog-main {
     position: relative;
     display: flex;
+    flex: 1 1 0;
     min-width: 0;
     min-height: 0;
     flex-direction: column;

package/es/components/HDLKiosk/slices/catalog/slice.js

@@ -1,10 +1,10 @@
 import { defineSlice, intentPrecondition } from "../../kernel/application/defineSlice.js";
-import { cartAddProductOperation } from "../../app/operations/cart.js";
+import { cartAddProductOperation } from "../../app/operations.js";
 //#region src/components/HDLKiosk/slices/catalog/slice.ts
 /** Catalog Slice：声明补充商品加购；商品浏览动作不进入 Workflow。 */
 const catalogSlice = defineSlice({
 	id: "catalog",
-	screen: { id: "catalog" },
+	surface: { id: "catalog" },
 	commands: { addProduct: cartAddProductOperation },
 	intents: { complete: intentPrecondition("cart.notEmpty", { navigate: "next" }) }
 });