@cherishxn/agent-scaffold 0.0.0-stage → 1.1.0

package/templates/react-fastapi-shadcn/web/src/design-runtime.json

@@ -0,0 +1,511 @@
+{
+  "tokens": {
+    "version": "alpha",
+    "name": "Scientific Workspace",
+    "description": "从 CleerScience 提炼的通用深色科技视觉，适配可读、安静的工具型界面。",
+    "colors": {
+      "primary": "#8fc3ff",
+      "primary-hover": "#b5d8ff",
+      "primary-active": "#69a9f3",
+      "primary-text": "#02040a",
+      "background": "#02040a",
+      "text": "#f4f8ff",
+      "surface": "#0b111d",
+      "focus": "#8fc3ff",
+      "border": "#283547",
+      "brand": "#f4f8ff",
+      "eyebrow": "#9baecb",
+      "muted": "#a1afc3",
+      "intro": "#b5c3d7",
+      "panel-border": "#283547",
+      "divider": "#202c3e",
+      "record-text": "#f4f8ff",
+      "record-meta": "#a1afc3",
+      "record-hover": "#142237",
+      "pagination-border": "#283547",
+      "empty": "#a1afc3",
+      "empty-heading": "#e2eeff",
+      "success-background": "#102b25",
+      "success-border": "#387c69",
+      "success-text": "#a2e6cc",
+      "error-background": "#311b24",
+      "error-border": "#8f4c61",
+      "error-text": "#ffbdcd",
+      "footer-border": "#283547",
+      "footer-text": "#a1afc3",
+      "badge-border": "#435773",
+      "badge-text": "#b5c3d7",
+      "control-focus": "#8fc3ff",
+      "control-border": "#657891",
+      "control-background": "#080e18",
+      "secondary-border": "#657891",
+      "secondary-text": "#e2eeff",
+      "secondary-hover": "#19283d",
+      "danger-border": "#ad6578",
+      "danger-background": "#311b24",
+      "danger-text": "#ffbdcd",
+      "danger-hover": "#472636"
+    },
+    "typography": {
+      "body": {
+        "fontFamily": "Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"PingFang SC\",\"Hiragino Sans GB\",\"Microsoft YaHei\",sans-serif",
+        "fontSize": "16px",
+        "lineHeight": 1.65
+      },
+      "h1": {
+        "fontSize": "36px",
+        "lineHeight": 1.2,
+        "letterSpacing": "-0.03em",
+        "fontWeight": 560
+      },
+      "login-heading": {
+        "fontSize": "48px",
+        "lineHeight": 1.15,
+        "fontWeight": 560,
+        "letterSpacing": "-0.03em"
+      },
+      "h2": {
+        "fontSize": "20px",
+        "lineHeight": 1.4,
+        "fontWeight": 580,
+        "letterSpacing": "-0.02em"
+      },
+      "h3": {
+        "fontSize": "18px",
+        "fontWeight": 600,
+        "lineHeight": 1.5
+      },
+      "label": {
+        "fontSize": "14px",
+        "fontWeight": 600
+      },
+      "eyebrow": {
+        "fontSize": "11px",
+        "fontWeight": 700,
+        "letterSpacing": "0.22em",
+        "lineHeight": 1.5
+      },
+      "button": {
+        "fontSize": "14px",
+        "fontWeight": 600,
+        "lineHeight": "20px"
+      },
+      "caption": {
+        "fontSize": "12px"
+      },
+      "intro": {
+        "fontSize": "18px",
+        "lineHeight": 1.8
+      },
+      "mobile-heading": {
+        "fontSize": "32px",
+        "lineHeight": 1.2
+      },
+      "mobile-page-heading": {
+        "fontSize": "28px",
+        "lineHeight": 1.25
+      }
+    },
+    "rounded": {
+      "md": "0px",
+      "panel": "0px",
+      "full": "0px"
+    },
+    "spacing": {
+      "s0": "0px",
+      "s1": "1px",
+      "s2": "2px",
+      "s3": "3px",
+      "s4": "4px",
+      "s6": "6px",
+      "s8": "8px",
+      "s10": "10px",
+      "s12": "12px",
+      "s14": "14px",
+      "s15": "15px",
+      "s16": "16px",
+      "s18": "18px",
+      "s20": "20px",
+      "s22": "22px",
+      "s24": "24px",
+      "s26": "26px",
+      "s28": "28px",
+      "s30": "30px",
+      "s32": "32px",
+      "s34": "34px",
+      "s38": "38px",
+      "s44": "44px",
+      "s48": "48px",
+      "s60": "60px",
+      "s80": "80px",
+      "s88": "88px",
+      "shell-max": "1240px",
+      "login-max": "1020px",
+      "intro-max": "460px",
+      "login-card-max": "430px",
+      "list-min": "260px",
+      "footer-reserve": "155px",
+      "mobile-breakpoint": "760px",
+      "control-min": "44px"
+    },
+    "components": {
+      "button-primary": {
+        "backgroundColor": "#8fc3ff",
+        "textColor": "#02040a",
+        "rounded": "0px",
+        "height": "44px"
+      },
+      "panel": {
+        "backgroundColor": "#0b111d",
+        "padding": "26px",
+        "rounded": "0px"
+      },
+      "input": {
+        "rounded": "0px"
+      }
+    }
+  },
+  "effects": {
+    "panelShadow": "0 16px 48px rgba(0,0,0,0.18)"
+  },
+  "widgets": {
+    "schemaVersion": 1,
+    "acceptance": {
+      "positionTolerance": 0.6,
+      "exact": [
+        "color",
+        "radius",
+        "iconGeometry"
+      ],
+      "viewports": [
+        {
+          "width": 1440,
+          "height": 1000
+        },
+        {
+          "width": 375,
+          "height": 812
+        }
+      ]
+    },
+    "widgets": {
+      "button": {
+        "parts": [
+          "root",
+          "label"
+        ],
+        "variants": [
+          "primary",
+          "secondary",
+          "danger"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "active",
+          "focus",
+          "disabled",
+          "loading"
+        ],
+        "styles": {
+          "height": "44px",
+          "paddingX": "16px",
+          "paddingY": "8px",
+          "borderWidth": "1px",
+          "fontSize": "14px",
+          "fontWeight": 600,
+          "lineHeight": "20px",
+          "radius": "0px"
+        },
+        "behavior": {
+          "keyboard": [
+            "Enter",
+            "Space"
+          ],
+          "loading": "disabled-with-status-label",
+          "icon": "none"
+        }
+      },
+      "input": {
+        "parts": [
+          "root"
+        ],
+        "variants": [
+          "text",
+          "email",
+          "password"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus",
+          "disabled",
+          "invalid",
+          "readonly"
+        ],
+        "styles": {
+          "height": "44px",
+          "paddingX": "12px",
+          "paddingY": "8px",
+          "borderWidth": "1px",
+          "fontSize": "16px",
+          "lineHeight": "24px",
+          "radius": "0px"
+        },
+        "behavior": {
+          "keyboard": "native-text-editing",
+          "passwordVisibility": "always-masked",
+          "autocomplete": "caller-provided",
+          "validation": "business-owned"
+        }
+      },
+      "textarea": {
+        "parts": [
+          "root"
+        ],
+        "variants": [
+          "default"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus",
+          "disabled",
+          "invalid",
+          "readonly"
+        ],
+        "styles": {
+          "paddingX": "12px",
+          "paddingY": "8px",
+          "borderWidth": "1px",
+          "fontSize": "16px",
+          "lineHeight": "24px",
+          "radius": "0px"
+        },
+        "behavior": {
+          "keyboard": "native-multiline-editing",
+          "resize": "vertical"
+        }
+      },
+      "alert": {
+        "parts": [
+          "root",
+          "icon",
+          "message"
+        ],
+        "variants": [
+          "error",
+          "success"
+        ],
+        "states": [
+          "default"
+        ],
+        "styles": {
+          "paddingX": "16px",
+          "paddingY": "12px",
+          "gap": "8px",
+          "iconSize": "16px",
+          "fontSize": "14px",
+          "lineHeight": "22px",
+          "borderWidth": "1px",
+          "radius": "0px"
+        },
+        "behavior": {
+          "errorRole": "alert",
+          "successRole": "status",
+          "dismiss": "none"
+        }
+      },
+      "badge": {
+        "parts": [
+          "root",
+          "label"
+        ],
+        "variants": [
+          "default"
+        ],
+        "states": [
+          "default"
+        ],
+        "styles": {
+          "paddingX": "10px",
+          "paddingY": "3px",
+          "fontSize": "12px",
+          "lineHeight": "18px",
+          "borderWidth": "1px",
+          "radius": "0px"
+        },
+        "behavior": {
+          "interactive": false
+        }
+      },
+      "panel": {
+        "parts": [
+          "root"
+        ],
+        "variants": [
+          "default"
+        ],
+        "states": [
+          "default"
+        ],
+        "styles": {
+          "padding": "26px",
+          "borderWidth": "1px",
+          "radius": "0px"
+        },
+        "behavior": {
+          "interactive": false
+        }
+      },
+      "field": {
+        "parts": [
+          "root",
+          "label",
+          "control"
+        ],
+        "variants": [
+          "default"
+        ],
+        "states": [
+          "default"
+        ],
+        "styles": {
+          "gap": "8px",
+          "marginY": "22px",
+          "fontSize": "14px",
+          "fontWeight": 600,
+          "lineHeight": "22px"
+        },
+        "behavior": {
+          "label": "explicit-for-control"
+        }
+      }
+    },
+    "icons": {
+      "error": {
+        "viewBox": "0 0 24 24",
+        "strokeWidth": 2,
+        "paths": [
+          "M12 3 2 21h20L12 3Z",
+          "M12 9v5",
+          "M12 17h.01"
+        ]
+      },
+      "success": {
+        "viewBox": "0 0 24 24",
+        "strokeWidth": 2,
+        "paths": [
+          "M20 6 9 17l-5-5"
+        ]
+      }
+    }
+  },
+  "structure": {
+    "schemaVersion": 1,
+    "root": {
+      "region": "app-shell",
+      "element": "div",
+      "children": [
+        {
+          "region": "topbar",
+          "element": "header",
+          "children": [
+            {
+              "region": "brand",
+              "element": "a",
+              "slot": "brand"
+            },
+            {
+              "region": "badge",
+              "element": "slot",
+              "slot": "badge"
+            },
+            {
+              "region": "account",
+              "element": "div",
+              "slot": "account"
+            }
+          ]
+        },
+        {
+          "region": "page",
+          "element": "slot",
+          "slot": "page"
+        },
+        {
+          "region": "footer",
+          "element": "footer",
+          "slot": "footer"
+        }
+      ]
+    },
+    "pages": {
+      "checking": {
+        "region": "checking",
+        "element": "main",
+        "slot": "checking"
+      },
+      "login": {
+        "region": "login-layout",
+        "element": "main",
+        "children": [
+          {
+            "region": "login-intro",
+            "element": "section",
+            "slot": "loginIntro"
+          },
+          {
+            "region": "login-card",
+            "element": "panel",
+            "slot": "loginCard"
+          }
+        ]
+      },
+      "workspace": {
+        "region": "workspace-main",
+        "element": "main",
+        "children": [
+          {
+            "region": "page-heading",
+            "element": "div",
+            "slot": "heading"
+          },
+          {
+            "region": "feedback",
+            "element": "div",
+            "slot": "feedback"
+          },
+          {
+            "region": "workspace",
+            "element": "div",
+            "children": [
+              {
+                "region": "record-list",
+                "element": "panel",
+                "slot": "records"
+              },
+              {
+                "region": "editor",
+                "element": "panel",
+                "slot": "editor"
+              }
+            ]
+          }
+        ]
+      }
+    },
+    "scenarios": [
+      "checking",
+      "login",
+      "login-error",
+      "login-busy",
+      "workspace-empty",
+      "workspace-loading",
+      "workspace-records",
+      "editor-new",
+      "editor-existing",
+      "editor-error"
+    ]
+  }
+}

package/templates/react-fastapi-shadcn/web/src/design-tokens.css

@@ -0,0 +1,168 @@
+/* Generated by design:sync. Edit design/tokens.json or design/widgets.json. */
+:root {
+  --design-colors-primary: #8fc3ff;
+  --design-colors-primary-hover: #b5d8ff;
+  --design-colors-primary-active: #69a9f3;
+  --design-colors-primary-text: #02040a;
+  --design-colors-background: #02040a;
+  --design-colors-text: #f4f8ff;
+  --design-colors-surface: #0b111d;
+  --design-colors-focus: #8fc3ff;
+  --design-colors-border: #283547;
+  --design-colors-brand: #f4f8ff;
+  --design-colors-eyebrow: #9baecb;
+  --design-colors-muted: #a1afc3;
+  --design-colors-intro: #b5c3d7;
+  --design-colors-panel-border: #283547;
+  --design-colors-divider: #202c3e;
+  --design-colors-record-text: #f4f8ff;
+  --design-colors-record-meta: #a1afc3;
+  --design-colors-record-hover: #142237;
+  --design-colors-pagination-border: #283547;
+  --design-colors-empty: #a1afc3;
+  --design-colors-empty-heading: #e2eeff;
+  --design-colors-success-background: #102b25;
+  --design-colors-success-border: #387c69;
+  --design-colors-success-text: #a2e6cc;
+  --design-colors-error-background: #311b24;
+  --design-colors-error-border: #8f4c61;
+  --design-colors-error-text: #ffbdcd;
+  --design-colors-footer-border: #283547;
+  --design-colors-footer-text: #a1afc3;
+  --design-colors-badge-border: #435773;
+  --design-colors-badge-text: #b5c3d7;
+  --design-colors-control-focus: #8fc3ff;
+  --design-colors-control-border: #657891;
+  --design-colors-control-background: #080e18;
+  --design-colors-secondary-border: #657891;
+  --design-colors-secondary-text: #e2eeff;
+  --design-colors-secondary-hover: #19283d;
+  --design-colors-danger-border: #ad6578;
+  --design-colors-danger-background: #311b24;
+  --design-colors-danger-text: #ffbdcd;
+  --design-colors-danger-hover: #472636;
+  --design-typography-body-font-family: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
+  --design-typography-body-font-size: 16px;
+  --design-typography-body-line-height: 1.65;
+  --design-typography-h1-font-size: 36px;
+  --design-typography-h1-line-height: 1.2;
+  --design-typography-h1-letter-spacing: -0.03em;
+  --design-typography-h1-font-weight: 560;
+  --design-typography-login-heading-font-size: 48px;
+  --design-typography-login-heading-line-height: 1.15;
+  --design-typography-login-heading-font-weight: 560;
+  --design-typography-login-heading-letter-spacing: -0.03em;
+  --design-typography-h2-font-size: 20px;
+  --design-typography-h2-line-height: 1.4;
+  --design-typography-h2-font-weight: 580;
+  --design-typography-h2-letter-spacing: -0.02em;
+  --design-typography-h3-font-size: 18px;
+  --design-typography-h3-font-weight: 600;
+  --design-typography-h3-line-height: 1.5;
+  --design-typography-label-font-size: 14px;
+  --design-typography-label-font-weight: 600;
+  --design-typography-eyebrow-font-size: 11px;
+  --design-typography-eyebrow-font-weight: 700;
+  --design-typography-eyebrow-letter-spacing: 0.22em;
+  --design-typography-eyebrow-line-height: 1.5;
+  --design-typography-button-font-size: 14px;
+  --design-typography-button-font-weight: 600;
+  --design-typography-button-line-height: 20px;
+  --design-typography-caption-font-size: 12px;
+  --design-typography-intro-font-size: 18px;
+  --design-typography-intro-line-height: 1.8;
+  --design-typography-mobile-heading-font-size: 32px;
+  --design-typography-mobile-heading-line-height: 1.2;
+  --design-typography-mobile-page-heading-font-size: 28px;
+  --design-typography-mobile-page-heading-line-height: 1.25;
+  --design-rounded-md: 0px;
+  --design-rounded-panel: 0px;
+  --design-rounded-full: 0px;
+  --design-spacing-s0: 0px;
+  --design-spacing-s1: 1px;
+  --design-spacing-s2: 2px;
+  --design-spacing-s3: 3px;
+  --design-spacing-s4: 4px;
+  --design-spacing-s6: 6px;
+  --design-spacing-s8: 8px;
+  --design-spacing-s10: 10px;
+  --design-spacing-s12: 12px;
+  --design-spacing-s14: 14px;
+  --design-spacing-s15: 15px;
+  --design-spacing-s16: 16px;
+  --design-spacing-s18: 18px;
+  --design-spacing-s20: 20px;
+  --design-spacing-s22: 22px;
+  --design-spacing-s24: 24px;
+  --design-spacing-s26: 26px;
+  --design-spacing-s28: 28px;
+  --design-spacing-s30: 30px;
+  --design-spacing-s32: 32px;
+  --design-spacing-s34: 34px;
+  --design-spacing-s38: 38px;
+  --design-spacing-s44: 44px;
+  --design-spacing-s48: 48px;
+  --design-spacing-s60: 60px;
+  --design-spacing-s80: 80px;
+  --design-spacing-s88: 88px;
+  --design-spacing-shell-max: 1240px;
+  --design-spacing-login-max: 1020px;
+  --design-spacing-intro-max: 460px;
+  --design-spacing-login-card-max: 430px;
+  --design-spacing-list-min: 260px;
+  --design-spacing-footer-reserve: 155px;
+  --design-spacing-mobile-breakpoint: 760px;
+  --design-spacing-control-min: 44px;
+  --design-components-button-primary-background-color: #8fc3ff;
+  --design-components-button-primary-text-color: #02040a;
+  --design-components-button-primary-rounded: 0px;
+  --design-components-button-primary-height: 44px;
+  --design-components-panel-background-color: #0b111d;
+  --design-components-panel-padding: 26px;
+  --design-components-panel-rounded: 0px;
+  --design-components-input-rounded: 0px;
+  --design-effects-panel-shadow: 0 16px 48px rgba(0,0,0,0.18);
+  --design-widgets-button-height: 44px;
+  --design-widgets-button-padding-x: 16px;
+  --design-widgets-button-padding-y: 8px;
+  --design-widgets-button-border-width: 1px;
+  --design-widgets-button-font-size: 14px;
+  --design-widgets-button-font-weight: 600;
+  --design-widgets-button-line-height: 20px;
+  --design-widgets-button-radius: 0px;
+  --design-widgets-input-height: 44px;
+  --design-widgets-input-padding-x: 12px;
+  --design-widgets-input-padding-y: 8px;
+  --design-widgets-input-border-width: 1px;
+  --design-widgets-input-font-size: 16px;
+  --design-widgets-input-line-height: 24px;
+  --design-widgets-input-radius: 0px;
+  --design-widgets-textarea-padding-x: 12px;
+  --design-widgets-textarea-padding-y: 8px;
+  --design-widgets-textarea-border-width: 1px;
+  --design-widgets-textarea-font-size: 16px;
+  --design-widgets-textarea-line-height: 24px;
+  --design-widgets-textarea-radius: 0px;
+  --design-widgets-alert-padding-x: 16px;
+  --design-widgets-alert-padding-y: 12px;
+  --design-widgets-alert-gap: 8px;
+  --design-widgets-alert-icon-size: 16px;
+  --design-widgets-alert-font-size: 14px;
+  --design-widgets-alert-line-height: 22px;
+  --design-widgets-alert-border-width: 1px;
+  --design-widgets-alert-radius: 0px;
+  --design-widgets-badge-padding-x: 10px;
+  --design-widgets-badge-padding-y: 3px;
+  --design-widgets-badge-font-size: 12px;
+  --design-widgets-badge-line-height: 18px;
+  --design-widgets-badge-border-width: 1px;
+  --design-widgets-badge-radius: 0px;
+  --design-widgets-panel-padding: 26px;
+  --design-widgets-panel-border-width: 1px;
+  --design-widgets-panel-radius: 0px;
+  --design-widgets-field-gap: 8px;
+  --design-widgets-field-margin-y: 22px;
+  --design-widgets-field-font-size: 14px;
+  --design-widgets-field-font-weight: 600;
+  --design-widgets-field-line-height: 22px;
+}