create-principles-disciple 1.125.0 → 1.126.0

package/console/dist/ui/pages/principles/PrinciplesViewNav.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+/**
+ * PRI-641: internal navigation inside the Principles section — Workspace
+ * Principles vs the read-only PD Core Principles reference surface. The
+ * sidebar keeps a single "Principles" entry; this is the only extra nav.
+ */
+export function PrinciplesViewNav({ view }) {
+    const { t } = useTranslation("pages");
+    const base = "font-mono text-[11px] uppercase tracking-[0.02em] border rounded-[2px] px-2 py-1 transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov ";
+    const active = "bg-gov text-paper border-gov";
+    const inactive = "bg-surface text-ink-3 border-line hover:border-line-2";
+    return (_jsxs("div", { className: "flex gap-1 mb-6", role: "group", "aria-label": t("principles.viewNavLabel"), children: [_jsx(Link, { to: "/principles", className: base + (view === "workspace" ? active : inactive), "aria-current": view === "workspace" ? "page" : undefined, children: t("principles.tabWorkspace") }), _jsx(Link, { to: "/principles/core", className: base + (view === "core" ? active : inactive), "aria-current": view === "core" ? "page" : undefined, children: t("principles.tabCore") })] }));
+}

package/console/dist/ui/utils/validators.d.ts

@@ -474,6 +474,19 @@ export interface PrinciplesListData {
     /** If the approval cross-check was unavailable, this explains why (ERR-002) */
     approvalCrossCheckUnavailable?: string;
 }
+export type CorePrincipleLayerData = 'foundational' | 'operating';
+export interface CorePrincipleData {
+    id: string;
+    layer: CorePrincipleLayerData;
+    name: string;
+    nameZh: string;
+    statement: string;
+    statementZh: string;
+}
+export interface CorePrinciplesData {
+    principles: CorePrincipleData[];
+}
+export declare function validateCorePrinciples(v: unknown): CorePrinciplesData | null;
 export declare function validatePrinciplesList(v: unknown): PrinciplesListData | null;
 export interface ApprovalGroupRecordData {
     id: string;

package/console/dist/ui/utils/validators.js

@@ -1303,6 +1303,40 @@ function validatePrincipleListItem(v) {
     }
     return result;
 }
+function validateCorePrinciple(v) {
+    if (!isObject(v))
+        return null;
+    if (!isString(v.id) || v.id.length === 0)
+        return null;
+    if (v.layer !== 'foundational' && v.layer !== 'operating')
+        return null;
+    if (!isString(v.name) || v.name.length === 0)
+        return null;
+    if (!isString(v.nameZh) || v.nameZh.length === 0)
+        return null;
+    if (!isString(v.statement) || v.statement.length === 0)
+        return null;
+    if (!isString(v.statementZh) || v.statementZh.length === 0)
+        return null;
+    return {
+        id: v.id,
+        layer: v.layer,
+        name: v.name,
+        nameZh: v.nameZh,
+        statement: v.statement,
+        statementZh: v.statementZh,
+    };
+}
+export function validateCorePrinciples(v) {
+    if (!isObject(v))
+        return null;
+    if (!Object.hasOwn(v, 'principles') || !Array.isArray(v.principles))
+        return null;
+    const principles = validateArray(v.principles, validateCorePrinciple);
+    if (principles === null)
+        return null;
+    return { principles };
+}
 export function validatePrinciplesList(v) {
     if (!isObject(v))
         return null;

package/console/dist/web/assets/app.css

@@ -742,6 +742,9 @@
   .w-\[18px\] {
     width: 18px;
   }
+  .w-\[40\%\] {
+    width: 40%;
+  }
   .w-\[50\%\] {
     width: 50%;
   }
@@ -751,6 +754,9 @@
   .w-\[60\%\] {
     width: 60%;
   }
+  .w-\[70\%\] {
+    width: 70%;
+  }
   .w-\[75\%\] {
     width: 75%;
   }