@godxjp/ui 28.10.0 → 28.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/agent/START-HERE.md +2 -2
  2. package/agent/components/AppLauncher.json +10 -0
  3. package/agent/components/Attachments.json +27 -1
  4. package/agent/components/BranchScopePicker.json +10 -0
  5. package/agent/components/Cascader.json +5 -0
  6. package/agent/components/Checkbox.json +6 -0
  7. package/agent/components/CredentialReveal.json +21 -0
  8. package/agent/components/InputOTP.json +35 -0
  9. package/agent/components/PermissionMatrix.json +5 -0
  10. package/agent/components/SearchInput.json +5 -0
  11. package/agent/components/ServiceLauncherCard.json +10 -3
  12. package/agent/components/ServiceRolePanel.json +5 -0
  13. package/agent/components/Switch.json +6 -0
  14. package/agent/components/Tabs.json +10 -0
  15. package/agent/components/TimeRangePicker.json +5 -0
  16. package/agent/components/Transfer.json +5 -0
  17. package/agent/components/Upload.json +5 -0
  18. package/agent/components-index.json +1 -1
  19. package/agent/components.json +170 -4
  20. package/agent/index.json +3 -3
  21. package/agent/llms.txt +4 -4
  22. package/agent/tokens.json +30 -25
  23. package/dist/components/data-display/service-launcher-card.d.ts +19 -0
  24. package/dist/components/data-display/service-launcher-card.js +14 -1
  25. package/dist/components/data-entry/attachments.js +77 -33
  26. package/dist/components/ui/avatar.d.ts +1 -18
  27. package/dist/components/ui/avatar.js +1 -36
  28. package/dist/contracts/measurement.json +1 -1
  29. package/dist/i18n/messages/en.json +0 -530
  30. package/dist/i18n/messages/ja.json +0 -524
  31. package/dist/i18n/messages/vi.json +0 -524
  32. package/dist/lib/image-loading-status.d.ts +25 -0
  33. package/dist/lib/image-loading-status.js +41 -0
  34. package/dist/props/registry.d.ts +5 -1
  35. package/dist/props/registry.js +12 -1
  36. package/dist/styles/card-layout.css +6 -0
  37. package/dist/styles/control.css +2 -2
  38. package/dist/styles/data-entry-layout.css +245 -2
  39. package/dist/tokens/components/attachments.css +18 -9
  40. package/dist/tokens/components/segmented.css +2 -2
  41. package/docs/DESIGN-AUTHORITY.md +51 -0
  42. package/docs/assets/service-mark-rose.svg +6 -0
  43. package/docs/assets/service-mark-teal.svg +5 -0
  44. package/docs/data-display/service-launcher-card.tsx +232 -92
  45. package/docs/i18n/messages/en.json +699 -0
  46. package/docs/i18n/messages/ja.json +693 -0
  47. package/docs/i18n/messages/vi.json +693 -0
  48. package/docs/showcase/marketing-page.tsx +3 -2
  49. package/docs/showcase/table-pagination.tsx +18 -7
  50. package/docs/showcase/theme-customization.tsx +2 -1
  51. package/package.json +4 -3
@@ -617,10 +617,6 @@
617
617
  "outsideBefore": "Trước khoảng đang xem",
618
618
  "schedule": "Lịch công việc"
619
619
  },
620
- "textExamples": {
621
- "preservedText": "Văn bản thuần",
622
- "sampleText": "Dòng đầu\n Dòng thụt vào\n\nDòng cuối"
623
- },
624
620
  "chat": {
625
621
  "bubble": {
626
622
  "typing": "Đang nhập…",
@@ -656,525 +652,5 @@
656
652
  "error": "thất bại"
657
653
  }
658
654
  }
659
- },
660
- "themeShowcase": {
661
- "page": {
662
- "title": "Tùy biến giao diện linh hoạt",
663
- "subtitle": "Một hạt giống làm cả hệ thống đổi màu. Chọn một bảng màu và mọi điều khiển, bề mặt, dấu hiệu và vòng focus trên bảng bên dưới sẽ được vẽ lại tại chỗ."
664
- },
665
- "bar": {
666
- "title": "Giao diện",
667
- "description": "Các chip đặt hạt giống --primary trong một phạm vi. Không sửa component, không tách stylesheet, không ghi đè vai trò.",
668
- "paletteLabel": "Bảng màu",
669
- "cornerLabel": "Bo góc",
670
- "customLabel": "Hạt giống tự chọn",
671
- "customHint": "Bất kỳ mã hex nào. Các bậc hover, nhấn, viền, focus và liên kết đều suy ra từ đó.",
672
- "identityNote": "Màu nhận diện cố ý đứng yên: đổi màu hành động của một tenant không làm nhuộm lại logo của họ."
673
- },
674
- "palette": {
675
- "godx": "GoDX",
676
- "indigo": "Chàm",
677
- "teal": "Mòng két",
678
- "amber": "Hổ phách",
679
- "rose": "Hồng đào",
680
- "custom": "Tự chọn"
681
- },
682
- "corner": {
683
- "sharp": "Vuông",
684
- "default": "Mặc định",
685
- "soft": "Mềm"
686
- },
687
- "tabs": {
688
- "components": "Component",
689
- "dashboard": "Bảng điều khiển"
690
- },
691
- "form": {
692
- "email": "Email công việc",
693
- "emailHint": "Chỉ dùng cho thông báo phát hành.",
694
- "emailPlaceholder": "you@ops.example.jp",
695
- "handle": "Tên định danh",
696
- "regions": "Khu vực",
697
- "regionsPlaceholder": "Chọn khu vực",
698
- "regionsEmpty": "Chưa chọn khu vực nào.",
699
- "labels": "Nhãn",
700
- "labelsPlaceholder": "Thêm nhãn",
701
- "plan": "Gói",
702
- "releaseDate": "Ngày phát hành",
703
- "channels": "Kênh thông báo",
704
- "cadence": "Tần suất",
705
- "density": "Mật độ dòng",
706
- "autoDeploy": "Triển khai khi merge",
707
- "autoDeployHint": "Pipeline xanh sẽ tự đưa lên staging.",
708
- "freeze": "Đóng băng phát hành",
709
- "budget": "Ngân sách lỗi · {value}",
710
- "syncing": "Đang đồng bộ sổ phát hành"
711
- },
712
- "plan": {
713
- "starter": "Khởi đầu",
714
- "standard": "Tiêu chuẩn",
715
- "scale": "Mở rộng"
716
- },
717
- "channel": {
718
- "email": "Email",
719
- "escalation": "Chuyển lên ca trực khi một bản phát hành nằm ở trạng thái xét duyệt quá một ngày làm việc, tính cả cuối tuần và ngày lễ của khu vực phụ trách",
720
- "escalationHint": "Gửi cho ca trực, không gửi cho cá nhân.",
721
- "pager": "Máy nhắn tin"
722
- },
723
- "cadence": {
724
- "daily": "Hằng ngày",
725
- "weekly": "Hằng tuần",
726
- "manual": "Thủ công"
727
- },
728
- "density": {
729
- "compact": "Gọn",
730
- "default": "Mặc định",
731
- "comfortable": "Thoáng"
732
- },
733
- "steps": {
734
- "caption": "Tiến độ phát hành",
735
- "finished": "Hoàn tất",
736
- "finishedHint": "Đã ký và lưu trữ hiện vật.",
737
- "inProcess": "Đang xử lý",
738
- "waiting": "Chờ",
739
- "waitingHint": "Đang chờ kiểm tra tương phản cho hạt giống mới."
740
- },
741
- "progress": {
742
- "rollout": "Triển khai · {value}",
743
- "quota": "Phút build · {value}",
744
- "done": "Xong"
745
- },
746
- "legend": {
747
- "failed": "Thất bại",
748
- "review": "Đang xét duyệt",
749
- "shipped": "Đã phát hành"
750
- },
751
- "status": {
752
- "caption": "Dấu hiệu trạng thái",
753
- "success": "Thành công",
754
- "error": "Lỗi",
755
- "default": "Mặc định",
756
- "processing": "Đang xử lý",
757
- "warning": "Cảnh báo",
758
- "seed": "Hạt giống"
759
- },
760
- "action": {
761
- "primary": "Triển khai",
762
- "secondary": "So sánh",
763
- "outline": "Quay lui",
764
- "dashed": "Thêm bước",
765
- "ghost": "Nhật ký",
766
- "deploying": "Đang triển khai",
767
- "discard": "Loại bỏ bản ứng viên này"
768
- },
769
- "confirm": {
770
- "trigger": "Xóa bản phát hành",
771
- "title": "Xóa bản phát hành này?",
772
- "description": "Hiện vật vẫn nằm trong registry. Hồ sơ phát hành và các phê duyệt thì không.",
773
- "cancel": "Giữ lại",
774
- "ok": "Xóa"
775
- },
776
- "avatars": {
777
- "caption": "12 người duyệt"
778
- },
779
- "rating": {
780
- "1": "Không dùng được",
781
- "2": "Còn thô",
782
- "3": "Chấp nhận được",
783
- "4": "Tốt",
784
- "5": "Sẵn sàng phát hành"
785
- },
786
- "otp": {
787
- "title": "Xác minh thiết bị này",
788
- "description": "Nhập mã sáu chữ số từ ứng dụng xác thực của bạn.",
789
- "field": "Mã xác minh",
790
- "verify": "Xác minh"
791
- },
792
- "signup": {
793
- "title": "Tạo tài khoản",
794
- "description": "Một tài khoản dùng cho mọi môi trường bạn được cấp quyền.",
795
- "email": "Email công việc",
796
- "password": "Mật khẩu",
797
- "submit": "Tạo tài khoản",
798
- "or": "hoặc",
799
- "sso": "Tiếp tục bằng đăng nhập một lần",
800
- "passkey": "Tiếp tục bằng passkey"
801
- },
802
- "notify": {
803
- "title": "Thông báo",
804
- "longTitle": "Lời mời tham gia nhóm công tác về Độ tin cậy nền tảng và Quản trị phát hành đang chờ bạn trả lời",
805
- "longMeta": "2026-09-12 09:12 UTC · hết hạn sau 3 ngày",
806
- "open": "Mở",
807
- "bareTitle": "Đã phát hành hóa đơn"
808
- },
809
- "qr": {
810
- "caption": "Đăng ký ứng dụng xác thực",
811
- "label": "Mã thiết lập xác thực hai yếu tố",
812
- "manualKey": "Khóa thiết lập thủ công"
813
- },
814
- "welcome": {
815
- "title": "Bắt đầu từ một mã hex",
816
- "description": "Đưa cho trình tạo một màu thương hiệu, nó viết tệp hạt giống, đo mọi cặp tương phản và từ chối những giá trị không đạt.",
817
- "dismiss": "Đóng"
818
- },
819
- "chat": {
820
- "assistant": "Trợ lý",
821
- "sent": "09:41",
822
- "answer": "Hạt giống được giới hạn trong bảng, nên phần còn lại của tài liệu vẫn giữ bảng màu của nó.",
823
- "bare": "Còn vòng focus thì sao?"
824
- },
825
- "thought": {
826
- "label": "Cách hạt giống được áp dụng",
827
- "read": "Đọc phạm vi",
828
- "readHint": "[data-godx-theme] trên gốc của bảng",
829
- "contrast": "Đo từng cặp",
830
- "contrastBody": "Nhãn trên nền tô và nền tô trên canvas, ở cả hai giao diện, theo WCAG 2.2 SC 1.4.3 và SC 1.4.11.",
831
- "write": "Viết giá trị dự phòng cho email"
832
- },
833
- "carousel": {
834
- "caption": "Các bảng màu đã phát hành"
835
- },
836
- "alert": {
837
- "title": "Lưu ý",
838
- "description": "Hạt giống tự chọn được áp dụng đúng như đã nhập. CSS không có cách nào nâng một hạt giống sáng lên sống lưng tối, nên một thương hiệu cần đọc được trên cả hai canvas phải có giá trị thứ hai được đo trên nền tối.",
839
- "okTitle": "Đã kiểm tra tương phản"
840
- },
841
- "timeline": {
842
- "seedApplied": "Đã áp dụng hạt giống",
843
- "scope": "Phạm vi bảng",
844
- "contrastQueued": "Đã xếp hàng kiểm tra tương phản"
845
- },
846
- "dashboard": {
847
- "releases": "Số bản phát hành",
848
- "releasesHint": "30 ngày gần nhất",
849
- "revenue": "Doanh thu ghi nhận",
850
- "failureRate": "Tỷ lệ thay đổi thất bại",
851
- "failureHint": "Càng thấp càng tốt",
852
- "seatsLabel": "Khu vực trong phạm vi",
853
- "seats": {
854
- "other": "{count} khu vực"
855
- },
856
- "mix": "Cơ cấu phát hành",
857
- "activity": "Hoạt động gần đây",
858
- "environment": "Môi trường",
859
- "owner": "Phụ trách",
860
- "ledger": "Tham chiếu sổ",
861
- "table": "Danh sách phát hành",
862
- "tableHint": "Phụ trách, khu vực và số tiền được định dạng theo ngôn ngữ đang dùng.",
863
- "updated": "Cập nhật {date}",
864
- "rotate": "Xoay khóa"
865
- },
866
- "table": {
867
- "id": "Bản phát hành",
868
- "owner": "Phụ trách",
869
- "region": "Khu vực",
870
- "ref": "Tham chiếu",
871
- "status": "Trạng thái",
872
- "amount": "Số tiền",
873
- "noRef": "Chưa đặt"
874
- },
875
- "releaseStatus": {
876
- "shipped": "Đã phát hành",
877
- "review": "Đang xét duyệt",
878
- "draft": "Bản nháp",
879
- "failed": "Thất bại"
880
- }
881
- },
882
- "themeEditor": {
883
- "title": "Trình sửa theme",
884
- "subtitle": "Một màu hạt giống vào, cả bộ thương hiệu ra, được đo chứ không phải khẳng định.",
885
- "unreadable": {
886
- "title": "Không đọc được stylesheet token",
887
- "description": "Trang này suy ra thương hiệu từ màu nền và các bậc ramp mà tài liệu đang vẽ, đọc trực tiếp từ stylesheet. Ở đây không đọc được cả hai, nên mọi số bên dưới sẽ không còn là phép đo."
888
- },
889
- "order": {
890
- "title": "Hạt giống, rồi vai trò, rồi phạm vi, rồi từng phần tử",
891
- "description": "Hãy dừng ở mức đầu tiên giải quyết được việc. Mọi mức dưới hạt giống là một giá trị đã thôi suy ra, và không gì báo cho bạn khi thương hiệu đi tiếp."
892
- },
893
- "seed": {
894
- "title": "1. Hạt giống",
895
- "description": "Màu hành động của thương hiệu: màu tô của nút chính. Phần lớn trường hợp, chừng này là đủ cho cả theme.",
896
- "label": "Hạt giống thương hiệu",
897
- "helper": "Một mã hex sáu chữ số. Mọi thứ bên dưới suy ra từ nó và được đo theo WCAG 2.2 AA.",
898
- "presetLabel": "Các ca biên",
899
- "presetHelper": "Mỗi ca cho một câu trả lời mà một màu xanh ngoan ngoãn sẽ giấu đi.",
900
- "presetPlaceholder": "Một hạt giống của bạn",
901
- "preset": {
902
- "godx": "Hạt giống của chính gói này",
903
- "blue": "Một màu xanh thương hiệu thông thường",
904
- "very-light": "Gần trắng: màu tô không đạt ngưỡng trên nền sáng",
905
- "very-dark": "Gần đen: hạt giống tối chạy tới trắng",
906
- "sunflower": "Hướng dương: đảo hướng bậc trạng thái ở cả hai theme"
907
- },
908
- "announce": "Hạt giống {hex}. Sáng {light}, tối {dark}. {pass} trên {count} cặp đo được đạt AA.",
909
- "announceNoDark": "Hạt giống {hex}. Với sắc và độ bão hoà này, không độ sáng nào cho một màu tô đọc được trên nền tối, nên không có theme tối để đo."
910
- },
911
- "derived": {
912
- "title": "2. Hạt giống sinh ra những gì",
913
- "description": "Chỉ đọc, vì đây là kết quả. Mỗi theme chỉ ghi ba vai trò vào bản xuất; phần còn lại suy ra từ primary trong phạm vi của chính phần tử đang vẽ, nên ghi ra sẽ ghim chúng vào hạt giống này.",
914
- "tableLabel": "Các vai trò suy ra từ hạt giống",
915
- "column": {
916
- "token": "Token",
917
- "light": "Sáng",
918
- "dark": "Tối",
919
- "emitted": "Trong bản xuất"
920
- },
921
- "written": "Được ghi",
922
- "derivedOnly": "Suy ra"
923
- },
924
- "contrast": {
925
- "title": "3. Tương phản",
926
- "description": "Mọi cặp hạt giống sinh ra, đo bằng chính helper WCAG của gói. Nhãn trên nền tô cần 4.5:1 (SC 1.4.3); màu tô trên nền phía sau cần 3:1 (SC 1.4.11).",
927
- "tableLabel": "Các cặp tương phản đã đo",
928
- "column": {
929
- "pair": "Cặp",
930
- "measured": "Đo được",
931
- "threshold": "Cần",
932
- "result": "Kết quả"
933
- },
934
- "pair": {
935
- "label-on-fill-light": "Nhãn trên nền tô, sáng",
936
- "label-on-fill-dark": "Nhãn trên nền tô, tối",
937
- "fill-on-canvas-light": "Màu tô trên nền trang, sáng",
938
- "fill-on-canvas-dark": "Màu tô trên nền trang, tối",
939
- "link-on-canvas-light": "Màu liên kết trên nền trang, sáng",
940
- "link-on-canvas-dark": "Màu liên kết trên nền trang, tối"
941
- },
942
- "ratio": "{value}:1",
943
- "pass": "Đạt AA",
944
- "fail": "Dưới AA"
945
- },
946
- "overrides": {
947
- "title": "4. Ghi đè từng token",
948
- "description": "Đặt dưới hạt giống là có chủ ý. Chỉ dùng khi hạt giống đã đúng và duy nhất một token cần khác đi.",
949
- "costTitle": "Cái giá của một lần ghi đè",
950
- "costDescription": "Một token đặt tay sẽ thôi bám theo hạt giống. Lần đổi thương hiệu sau, mọi thứ suy ra đều dịch chuyển và riêng giá trị này ở lại, không bản kiểm nào báo.",
951
- "labelTitle": "Màu nhãn trên nền tô",
952
- "labelHelper": "Mặc định, nhãn do chính độ chói của hạt giống chọn, cùng ngưỡng 0.179 mà lần đổi theme lúc chạy dùng. Ép nhãn là ghi đè duy nhất trình sinh có cờ cho nó.",
953
- "labelAuto": "Tự động",
954
- "labelLight": "Nhãn sáng",
955
- "labelDark": "Nhãn tối",
956
- "darkTitle": "Độ sáng của hạt giống tối",
957
- "darkHelper": "Tương phản ngang bằng với theme sáng đặt nó ở {parity}. Sắc và độ bão hoà luôn giữ nguyên; chỉ độ sáng dịch chuyển. Một giá trị đặt tay được phép trượt ngưỡng, và bảng trên là nơi nó nói ra.",
958
- "darkNoParity": "Với sắc và độ bão hoà này, không độ sáng nào đạt cả hai ngưỡng, nên không có giá trị ngang bằng để rời khỏi.",
959
- "darkReset": "Về giá trị ngang bằng",
960
- "darkAuthored": "Đặt tay",
961
- "darkParity": "Ngang bằng"
962
- },
963
- "export": {
964
- "title": "5. Bản xuất",
965
- "description": "Dán khối đầu vào file theme của bạn, và khối thứ hai đè lên bảng màu email đã nướng sẵn, nơi không stylesheet nào với tới.",
966
- "nameLabel": "Tên theme",
967
- "nameHelper": "Ghi ra {name}.service.css và {name}.email.ts.",
968
- "matches": "Trùng khớp gen:brand",
969
- "diverges": "Không lệnh nào sinh ra bản này",
970
- "divergesWhy": "Độ sáng của hạt giống tối được đặt tay ở đây. Trình sinh tìm giá trị ngang bằng và không có cờ cho nó, nên không lệnh nào tái tạo được file này.",
971
- "cssLabel": "CSS theme cho {name}",
972
- "emailLabel": "Bảng màu email cho {name}",
973
- "noDarkTitle": "Hạt giống này không có màu tô tối đọc được",
974
- "noDarkDescription": "Với sắc và độ bão hoà này, không độ sáng nào đạt đồng thời 4.5:1 với nhãn của nó và 3:1 với nền tối. Hãy giảm bão hoà, hoặc ép nhãn ở trên rồi xem lại."
975
- },
976
- "preview": {
977
- "lightTitle": "Sáng",
978
- "darkTitle": "Tối",
979
- "seedIs": "Phạm vi {hex}",
980
- "tableLabel": "Dòng hoá đơn",
981
- "column": {
982
- "id": "Dòng",
983
- "item": "Hạng mục",
984
- "owner": "Phụ trách",
985
- "state": "Trạng thái"
986
- },
987
- "state": {
988
- "active": "Đang chạy",
989
- "pending": "Chờ"
990
- },
991
- "line": {
992
- "licence": "Bản quyền",
993
- "support": "Bảo trì",
994
- "setup": "Triển khai"
995
- },
996
- "action": {
997
- "save": "Lưu",
998
- "duplicate": "Nhân bản",
999
- "export": "Xuất",
1000
- "add": "Thêm dòng",
1001
- "dismiss": "Bỏ qua",
1002
- "delete": "Xoá",
1003
- "details": "Chi tiết"
1004
- },
1005
- "badge": {
1006
- "brand": "Thương hiệu",
1007
- "success": "Đã thu",
1008
- "warning": "Sắp đến hạn",
1009
- "destructive": "Quá hạn",
1010
- "info": "Nháp",
1011
- "neutral": "Lưu trữ"
1012
- },
1013
- "alert": {
1014
- "title": "Địa chỉ xuất hoá đơn chưa đủ",
1015
- "description": "Chưa thể phát hành hoá đơn cho tới khi điền xong.",
1016
- "link": "Về phần hạt giống"
1017
- },
1018
- "field": {
1019
- "org": "Tổ chức",
1020
- "orgHelper": "Hiện trên mọi chứng từ phát hành.",
1021
- "plan": "Gói",
1022
- "tax": "Gồm thuế",
1023
- "mail": "Gửi tự động"
1024
- },
1025
- "plan": {
1026
- "starter": "Khởi đầu",
1027
- "pro": "Chuyên nghiệp",
1028
- "scale": "Mở rộng"
1029
- }
1030
- }
1031
- },
1032
- "marketingShowcase": {
1033
- "brand": {
1034
- "name": "Example Works",
1035
- "suffix": "Phê duyệt"
1036
- },
1037
- "nav": {
1038
- "label": "Điều hướng chính",
1039
- "product": "Sản phẩm",
1040
- "solutions": "Giải pháp",
1041
- "pricing": "Bảng giá",
1042
- "docs": "Tài liệu",
1043
- "signIn": "Đăng nhập",
1044
- "getStarted": "Dùng thử miễn phí",
1045
- "open": "Mở điều hướng",
1046
- "title": "Điều hướng",
1047
- "description": "Mọi điểm đến trên thanh tiêu đề, gồm cả hai mục bị ẩn ở khổ điện thoại.",
1048
- "close": "Đóng điều hướng"
1049
- },
1050
- "hero": {
1051
- "eyebrow": "Quy trình phê duyệt",
1052
- "title": "Mọi phê duyệt, trong một dấu vết.",
1053
- "lead": "Chuyển hoá đơn, đơn mua hàng hay hợp đồng tới đúng người chịu trách nhiệm, giữ chứng cứ ngay cạnh quyết định, và xuất cả năm trong một tệp.",
1054
- "primary": "Dùng thử miễn phí",
1055
- "secondary": "Đặt lịch xem demo",
1056
- "trust": "Không cần thẻ. 14 ngày. Huỷ ngay trong sản phẩm.",
1057
- "panelTitle": "Hàng đợi hôm nay",
1058
- "panelNote": "Số liệu thật của một tenant, cập nhật sau mỗi lần duyệt.",
1059
- "pending": "Đang chờ bạn",
1060
- "cleared": "Đã xong hôm nay",
1061
- "median": "Trung vị thời gian quyết định",
1062
- "medianValue": "4 giờ 12 phút",
1063
- "endpointLabel": "Endpoint webhook",
1064
- "endpointNote": "Dán nguyên văn vào gateway. Chuỗi này không có chỗ để ngắt dòng."
1065
- },
1066
- "logos": {
1067
- "title": "Những đội đã bỏ phê duyệt qua email",
1068
- "caption": "Băng chạy được giao ở trạng thái DỪNG, và nút cạnh nó là một nút thật, có trong thứ tự tab.",
1069
- "marqueeLabel": "Logo khách hàng"
1070
- },
1071
- "features": {
1072
- "title": "Sản phẩm làm gì",
1073
- "lead": "Sáu năng lực, và không cái nào là một component mới.",
1074
- "routingTitle": "Định tuyến",
1075
- "routingBody": "Một quy tắc đọc số tiền, trung tâm chi phí và nhà cung cấp, rồi chọn người duyệt phụ trách tổ hợp đó.",
1076
- "auditTitle": "Dấu vết kiểm toán mà kế toán đọc được mà không phải hỏi ai mã trạng thái nghĩa là gì",
1077
- "residencyTitle": "Nơi lưu trữ dữ liệu",
1078
- "residencyBody": "Mọi tài liệu và chỉ mục dẫn xuất đều ở lại vùng Tokyo.",
1079
- "evidenceTitle": "承認の証跡",
1080
- "evidenceBody": "決裁の理由と添付を同じ行に残します。Chứng cứ và quyết định là một bản ghi, không phải hai hệ thống.",
1081
- "webhookTitle": "Webhook",
1082
- "webhookBody": "Mỗi endpoint mang một định danh không có chỗ ngắt dòng, và thẻ này chứa được nó:",
1083
- "ssoTitle": "SSO",
1084
- "ssoBody": "SAML và OIDC, ánh xạ nhóm sang vai trò phê duyệt."
1085
- },
1086
- "testimonials": {
1087
- "title": "Năm đầu tiên trông như thế nào",
1088
- "label": "Trích dẫn khách hàng",
1089
- "ratingLabel": "Đánh giá",
1090
- "q1": "Chúng tôi đóng quý mà không còn phê duyệt nào nằm lại trong hộp thư của ai đó, kiểm toán chỉ hỏi một bản xuất thay vì mười một, và bộ phận tài chính bỏ hẳn bảng tính riêng dùng để theo dõi thứ đã thực sự được ký.",
1091
- "a1": "山口 佳奈",
1092
- "r1": "Kế toán trưởng, Aoba Foods",
1093
- "q2": "Nó chấm dứt tranh cãi.",
1094
- "a2": "Dana Whitfield",
1095
- "r2": "Trưởng bộ phận Mua hàng, Meridian Health",
1096
- "q3": "Chúng tôi chuyển 240 quy trình phê duyệt sang đây trong sáu tuần, và không mất một chứng từ nào.",
1097
- "a3": "Trần Minh Khoa",
1098
- "r3": "Phụ trách Tài chính, Truong An"
1099
- },
1100
- "pricing": {
1101
- "title": "Bảng giá",
1102
- "lead": "Tính theo mỗi người duyệt, mỗi tháng. Chu kỳ năm chỉ xuất hoá đơn một lần.",
1103
- "cycleLabel": "Chu kỳ thanh toán",
1104
- "monthly": "Theo tháng",
1105
- "yearly": "Theo năm",
1106
- "perMonth": "mỗi người duyệt / tháng",
1107
- "billedYearly": "xuất hoá đơn một lần mỗi năm",
1108
- "popular": "Được chọn nhiều nhất",
1109
- "saving": "Miễn phí 2 tháng",
1110
- "fresh": "Mới",
1111
- "quoted": "Báo giá riêng",
1112
- "quotedNote": "Báo giá theo số người duyệt và vùng lưu trữ của bạn.",
1113
- "starterName": "Starter",
1114
- "starterNote": "Một luồng phê duyệt, một vùng.",
1115
- "teamName": "Team",
1116
- "teamNote": "Luồng song song, uỷ quyền, và bản xuất chứng cứ.",
1117
- "enterpriseName": "エンタープライズ",
1118
- "enterpriseNote": "専用テナント · SSO · 監査窓口。Tenant riêng, SSO, đầu mối kiểm toán.",
1119
- "cta": "Dùng thử miễn phí",
1120
- "ctaQuote": "Liên hệ với chúng tôi",
1121
- "featChains": "Luồng phê duyệt",
1122
- "featDelegation": "Uỷ quyền và vắng mặt",
1123
- "featExport": "Xuất kiểm toán một tệp",
1124
- "featSso": "SAML và OIDC",
1125
- "featResidency": "Chọn vùng lưu trữ",
1126
- "featSupport": "Đầu mối hỗ trợ riêng",
1127
- "limitedChains": "Chỉ một luồng",
1128
- "limitedSupport": "Giờ hành chính"
1129
- },
1130
- "cta": {
1131
- "title": "Tuần này hãy cho một luồng phê duyệt chạy thử",
1132
- "lead": "Nhập một luồng từ bảng tính, cho ba phê duyệt thật chạy qua, và giữ lại bản xuất.",
1133
- "primary": "Dùng thử miễn phí",
1134
- "secondary": "Đặt lịch xem demo",
1135
- "note": "Bộ phận kinh doanh trả lời trong một ngày làm việc, giờ Tokyo."
1136
- },
1137
- "footer": {
1138
- "label": "Chân trang",
1139
- "product": "Sản phẩm",
1140
- "company": "Công ty",
1141
- "legal": "Pháp lý",
1142
- "contact": "Liên hệ",
1143
- "featuresLink": "Tính năng",
1144
- "pricingLink": "Bảng giá",
1145
- "changelog": "Nhật ký thay đổi",
1146
- "status": "Tình trạng hệ thống",
1147
- "about": "Giới thiệu",
1148
- "careers": "Tuyển dụng",
1149
- "terms": "Điều khoản",
1150
- "privacy": "Quyền riêng tư",
1151
- "security": "Bảo mật",
1152
- "subprocessors": "Bên xử lý phụ",
1153
- "accessibility": "Tuyên bố về khả năng tiếp cận",
1154
- "salesLine": "Kinh doanh",
1155
- "supportLine": "Hỗ trợ",
1156
- "addressLabel": "Trụ sở đăng ký",
1157
- "address": "Chiyoda, Tokyo",
1158
- "rights": "Example Works. Một công ty hư cấu, chỉ dùng cho tài liệu."
1159
- }
1160
- },
1161
- "showcase": {
1162
- "pagination": {
1163
- "recordCount": {
1164
- "other": "{count} bản ghi"
1165
- },
1166
- "loadMore": {
1167
- "other": "Tải thêm {count}"
1168
- }
1169
- },
1170
- "flexMeasure": {
1171
- "title": "measure — tràn viền bên ngoài, cột đo bên trong",
1172
- "lead": "Một dải là <section> mang phần nền tràn viền, bao quanh một Flex được measure canh giữa và chặn ở --page-measure-*. Lề vẫn do pad giữ: measure không thêm lề. narrow (42rem) và medium (48rem) là measure cho nội dung đọc; wide (72rem) là measure cho trang marketing."
1173
- },
1174
- "tagInput": {
1175
- "longIdTitle": "Định danh dài và +N",
1176
- "ledgerLabel": "Mã sổ cái",
1177
- "ledgerHelper": "Định danh 71 ký tự vẫn nằm trong khung"
1178
- }
1179
655
  }
1180
656
  }
@@ -0,0 +1,25 @@
1
+ import type * as React from "react";
2
+ /**
3
+ * THE ONE image-load probe in this library — do not write a second one.
4
+ *
5
+ * It was born inside `Avatar` (a mark with an initials fallback) and was lifted out whole when
6
+ * `ServiceLauncherCard` needed exactly the same question answered for an uploaded service logo
7
+ * (gh#850). Two components asking "did this URL actually produce a picture?" must not answer it
8
+ * two different ways, or the failure path diverges where nobody looks: on the 404.
9
+ *
10
+ * React Aria has no avatar, so this is hand-built — but the part worth building is not a `<span>`
11
+ * wrapper, it is the rule `@radix-ui/react-avatar` holds: the image is drawn ONLY once it has
12
+ * finished loading, and the fallback is drawn while it has not, or has failed.
13
+ *
14
+ * The probe is a DETACHED `new Image()`, not `onLoad`/`onError` on the element being rendered: that
15
+ * element only exists once the status is already `loaded`, so a handler on it can never report
16
+ * "loading" or "error". It is also why a broken `<img>` is never in the DOM for the browser to
17
+ * paint its torn-page glyph over the fallback.
18
+ */
19
+ export type ImageLoadingStatus = "idle" | "loading" | "loaded" | "error";
20
+ export declare function useImageLoadingStatus(src: string | undefined, { loadingStatus, setLoadingStatus, referrerPolicy, crossOrigin, }: {
21
+ loadingStatus: ImageLoadingStatus;
22
+ setLoadingStatus: React.Dispatch<React.SetStateAction<ImageLoadingStatus>>;
23
+ referrerPolicy?: React.HTMLAttributeReferrerPolicy;
24
+ crossOrigin?: "anonymous" | "use-credentials" | "";
25
+ }): ImageLoadingStatus;
@@ -0,0 +1,41 @@
1
+ "use client";
2
+ import { useLayoutEffect } from "@react-aria/utils";
3
+ function getImageLoadingStatus(image) {
4
+ if (!image.complete) {
5
+ return "loading";
6
+ }
7
+ return image.naturalWidth > 0 ? "loaded" : "error";
8
+ }
9
+ function useImageLoadingStatus(src, {
10
+ loadingStatus,
11
+ setLoadingStatus,
12
+ referrerPolicy,
13
+ crossOrigin
14
+ }) {
15
+ useLayoutEffect(() => {
16
+ if (!src) {
17
+ setLoadingStatus("error");
18
+ return;
19
+ }
20
+ const image = new window.Image();
21
+ const handleLoad = (event) => setLoadingStatus(getImageLoadingStatus(event.currentTarget));
22
+ const handleError = () => setLoadingStatus("error");
23
+ image.addEventListener("load", handleLoad);
24
+ image.addEventListener("error", handleError);
25
+ if (referrerPolicy) {
26
+ image.referrerPolicy = referrerPolicy;
27
+ }
28
+ image.crossOrigin = crossOrigin ?? null;
29
+ image.src = src;
30
+ setLoadingStatus(getImageLoadingStatus(image));
31
+ return () => {
32
+ image.removeEventListener("load", handleLoad);
33
+ image.removeEventListener("error", handleError);
34
+ setLoadingStatus("idle");
35
+ };
36
+ }, [src, crossOrigin, referrerPolicy, setLoadingStatus]);
37
+ return loadingStatus;
38
+ }
39
+ export {
40
+ useImageLoadingStatus
41
+ };
@@ -3170,7 +3170,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
3170
3170
  readonly ServiceLauncherCardProp: {
3171
3171
  readonly group: "data-display";
3172
3172
  readonly file: "components/data-display/service-launcher-card.tsx";
3173
- readonly vocabulary: readonly ["TitleProp", "ToneProp", "IconProp", "ClassNameProp", "DisabledProp"];
3173
+ readonly vocabulary: readonly ["TitleProp", "ToneProp", "IconProp", "ClassNameProp", "DisabledProp", {
3174
+ readonly field: "logo";
3175
+ readonly local: true;
3176
+ readonly reason: "URL of the service's OWN uploaded mark, distinct from `icon` (the LucideIcon for its kind) and deliberately NOT folded into it: `icon` is the fallback the tile needs when the upload 404s or does not exist yet, so the two cannot be one prop. A `string` URL rather than a ReactNode because the medallion owns the box, the object-fit and the decode hint (gh#850).";
3177
+ }];
3174
3178
  };
3175
3179
  readonly ServiceCatalogCtaProp: {
3176
3180
  readonly group: "data-display";
@@ -3763,7 +3763,18 @@ const COMPONENT_PROP_REGISTRY = {
3763
3763
  ServiceLauncherCardProp: {
3764
3764
  group: "data-display",
3765
3765
  file: "components/data-display/service-launcher-card.tsx",
3766
- vocabulary: ["TitleProp", "ToneProp", "IconProp", "ClassNameProp", "DisabledProp"]
3766
+ vocabulary: [
3767
+ "TitleProp",
3768
+ "ToneProp",
3769
+ "IconProp",
3770
+ "ClassNameProp",
3771
+ "DisabledProp",
3772
+ {
3773
+ field: "logo",
3774
+ local: true,
3775
+ reason: "URL of the service's OWN uploaded mark, distinct from `icon` (the LucideIcon for its kind) and deliberately NOT folded into it: `icon` is the fallback the tile needs when the upload 404s or does not exist yet, so the two cannot be one prop. A `string` URL rather than a ReactNode because the medallion owns the box, the object-fit and the decode hint (gh#850)."
3776
+ }
3777
+ ]
3767
3778
  },
3768
3779
  ServiceCatalogCtaProp: {
3769
3780
  group: "data-display",
@@ -574,6 +574,12 @@
574
574
  height: var(--card-service-launcher-icon-glyph-size);
575
575
  }
576
576
 
577
+ [data-slot="service-launcher-logo"] {
578
+ width: var(--card-service-launcher-icon-glyph-size);
579
+ height: var(--card-service-launcher-icon-glyph-size);
580
+ object-fit: contain;
581
+ }
582
+
577
583
  [data-slot="service-launcher-identity"] {
578
584
  display: flex;
579
585
  min-width: 0;