feat: add phone frequency controls and modularize codebase

2026-07-31 22:25:23 +08:00
parent 0af671b4ed
commit ca4f591a13
216 changed files with 41579 additions and 23694 deletions
@@ -0,0 +1,146 @@
+{
+  "version": "R11-step-7",
+  "entry": "src/main.tsx",
+  "componentsFile": "src/styles/components.css",
+  "legacyFile": "src/styles/global.css",
+  "minimumRuleCount": 259,
+  "minimumSelectorCount": 291,
+  "compatibilityMarker": "Shared table, form, and modal compatibility primitives migrated in R11 step 7.",
+  "canonicalMarker": "Canonical reusable component rules.",
+  "responsiveMarker": "Shared responsive table and form behavior migrated in R11 step 7.",
+  "genericClasses": [
+    "table-cell-note",
+    "modal-footer-actions",
+    "icon-button",
+    "table-subline",
+    "table-link",
+    "table-actions",
+    "table-mono-id",
+    "table-strong-text",
+    "table-long-text",
+    "table-long-text--sms-template",
+    "template-modal-title",
+    "form-grid",
+    "form-grid--two",
+    "radio-row"
+  ],
+  "allowedStateClasses": [
+    "has-dot",
+    "is-disabled"
+  ],
+  "requiredComponentBindings": {
+    "src/components/ui/Button.tsx": [
+      "ui-button"
+    ],
+    "src/components/ui/Input.tsx": [
+      "ui-field",
+      "ui-input"
+    ],
+    "src/components/ui/Select.tsx": [
+      "ui-select",
+      "ui-select__dropdown"
+    ],
+    "src/components/ui/Table.tsx": [
+      "ui-table-wrap",
+      "ui-table",
+      "ui-table__empty"
+    ],
+    "src/components/ui/Modal.tsx": [
+      "ui-modal",
+      "ui-modal__mask",
+      "ui-modal__panel",
+      "ui-modal__header",
+      "ui-modal__body",
+      "ui-modal__footer"
+    ]
+  },
+  "requiredRuleFragments": [
+    {
+      "selector": ".icon-button",
+      "includes": [
+        "display:inline-flex",
+        "height:var(--control-height-md)"
+      ]
+    },
+    {
+      "selector": ".ui-table-wrap",
+      "includes": [
+        "max-width:100%",
+        "border:1px solid var(--color-border)"
+      ]
+    },
+    {
+      "selector": ".ui-table",
+      "includes": [
+        "border-collapse:collapse",
+        "width:100%"
+      ]
+    },
+    {
+      "selector": ".ui-modal",
+      "includes": [
+        "display:grid",
+        "position:fixed",
+        "z-index:var(--z-modal)"
+      ]
+    },
+    {
+      "selector": ".ui-modal__panel",
+      "includes": [
+        "min-width:min(520px, calc(100vw - 48px))",
+        "transform:translate(-50%, -50%)"
+      ]
+    },
+    {
+      "selector": ".form-grid",
+      "includes": [
+        "display:grid",
+        "gap:var(--space-4)"
+      ]
+    },
+    {
+      "selector": ".radio-row",
+      "includes": [
+        "display:flex",
+        "gap:var(--space-6)"
+      ]
+    },
+    {
+      "selector": ".form-grid--two",
+      "media": "(max-width: 780px)",
+      "includes": [
+        "grid-template-columns:1fr"
+      ]
+    },
+    {
+      "selector": ".table-actions",
+      "media": "(max-width: 780px)",
+      "includes": [
+        "flex-wrap:wrap"
+      ]
+    },
+    {
+      "selector": ".ui-table",
+      "media": "(max-width: 780px)",
+      "includes": [
+        "display:block",
+        "min-width:0 !important"
+      ]
+    },
+    {
+      "selector": ".ui-table td",
+      "media": "(max-width: 780px)",
+      "includes": [
+        "display:grid",
+        "grid-template-columns:minmax(84px, 0.42fr) minmax(0, 1fr)"
+      ]
+    },
+    {
+      "selector": ".ui-modal__panel",
+      "media": "(max-width: 780px)",
+      "includes": [
+        "width:calc(100vw - 24px)"
+      ]
+    }
+  ]
+}