@ash-qw/dsh-theme-prts 2.1.1 → 2.3.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 (25) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/README.en.md +8 -0
  3. package/README.md +8 -0
  4. package/THIRD_PARTY_NOTICES.md +1 -1
  5. package/THIRD_PARTY_NOTICES.zh-CN.md +1 -1
  6. package/lib/client.js +556 -46
  7. package/package.json +2 -2
  8. package/src/client/conversation-control-adapter.js +2 -0
  9. package/src/client/custom-background.js +2 -1
  10. package/src/client/index.js +8 -0
  11. package/src/client/native-preferences.js +31 -0
  12. package/src/client/operations-shell-v2.js +2 -2
  13. package/src/client/particle-field-adapter.js +67 -14
  14. package/src/client/preferences.js +9 -2
  15. package/src/client/session-summary-preview.js +148 -16
  16. package/src/client/sidebar-control-adapter.js +1 -1
  17. package/src/client/theme-controller-v2.js +2 -1
  18. package/src/client/theme-settings-workbench.js +42 -5
  19. package/src/client/theme-transfer-panel.js +98 -0
  20. package/src/client/theme-transfer.js +167 -0
  21. package/src/index.js +21 -4
  22. package/src/styles/custom-background.css +14 -0
  23. package/src/styles/facility-vector.css +26 -4
  24. package/src/styles/refinement.css +22 -0
  25. package/src/styles/theme-settings-workbench.css +97 -2
package/src/styles/theme-settings-workbench.css CHANGED
@@ -757,9 +757,9 @@ html[data-dsh-prts] [data-prts-theme-settings] {
757
757
  & [data-prts-reset-confirm] > span { flex-basis:100%; }
758
758
  @media(max-width:720px) {
759
759
  & [data-prts-settings-sidebar] { flex-direction:row; border:0; border-bottom:1px solid var(--prts-line); }
760
- & [data-prts-settings-nav] { flex:1; padding:8px 4px; border:0; }
760
+ & [data-prts-settings-nav] { flex:1; min-width:0; overflow-x:auto; padding:8px 4px; border:0; }
761
761
  & [data-prts-settings-jump] { padding:10px 8px; }
762
- & [data-prts-settings-actions] { margin:0; padding:8px 4px; align-self:center; }
762
+ & [data-prts-settings-actions] { flex:0 0 auto; white-space:nowrap; margin:0; padding:8px 4px; align-self:center; }
763
763
  & [data-prts-reset-confirm], & [data-prts-persistence-error] { left:auto; right:8px; top:100%; bottom:auto; max-width:calc(100vw - 32px); }
764
764
  }
765
765
  & [data-prts-reset-zone] { padding: 0; }
@@ -919,3 +919,98 @@ html[data-dsh-prts] [data-prts-preview-settings] {
919
919
  & [data-prts-setting-row] { gap:12px; }
920
920
  }
921
921
  }
922
+
923
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-ai-tools] { padding:0 20px 20px;font:12px/1.75 var(--prts-body);overflow-wrap:anywhere; }
924
+ html[data-dsh-prts] [data-prts-ai-tools] > section { padding:16px 0;border-top:1px solid var(--prts-line); }
925
+ html[data-dsh-prts] [data-prts-ai-tools] h3 { margin:0 0 8px;font-size:14px; }
926
+ html[data-dsh-prts] [data-prts-ai-tools] :is(p,dd,small) { color:var(--prts-muted); }
927
+ html[data-dsh-prts] [data-prts-ai-tools] h3 small { margin-left:8px;font-size:11px;font-weight:400; }
928
+ html[data-dsh-prts] [data-prts-ai-tools] blockquote { margin:12px 0;padding:8px 12px;border-left:2px solid var(--prts-cyan);background:color-mix(in srgb,var(--prts-cyan) 5%,transparent); }
929
+ html[data-dsh-prts] [data-prts-ai-tools] summary { cursor:pointer; }
930
+ html[data-dsh-prts] [data-prts-ai-tools] dt { margin-top:12px; }
931
+ html[data-dsh-prts] [data-prts-ai-tools] dd { margin:3px 0 0; }
932
+
933
+ html[data-dsh-prts] [data-prts-transfer] {
934
+ display: grid;
935
+ gap: 16px;
936
+ padding-block: 16px;
937
+ & header { display: grid; gap: 8px; }
938
+ & p, & small { margin: 0; color: var(--prts-muted); line-height: 1.7; overflow-wrap: anywhere; }
939
+ & label { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
940
+ & input[type="file"] { max-width: 100%; min-width: 0; }
941
+ & input[type="checkbox"] { accent-color: var(--prts-yellow); }
942
+ & button { justify-self: start; padding: 8px 14px; border: 1px solid var(--prts-line-strong); border-radius: 0; background: var(--prts-panel-raised); color: var(--prts-ink); font: inherit; cursor: pointer; }
943
+ & button:hover:not(:disabled) { border-color: var(--prts-yellow); }
944
+ & button:focus-visible { outline: 2px solid var(--prts-yellow); outline-offset: 3px; }
945
+ & button:disabled { opacity: .55; cursor: wait; }
946
+ & [data-prts-transfer-export], & [data-prts-transfer-apply] { border-color: var(--prts-yellow); }
947
+ & hr { width: 100%; border: 0; border-top: 1px solid var(--prts-line); }
948
+ & [data-prts-transfer-preview], & [data-prts-transfer-recovery] { display: grid; gap: 12px; padding: 16px; border: 1px solid var(--prts-line); }
949
+ & [hidden] { display: none !important; }
950
+ }
951
+
952
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-settings-actions] { display:flex; flex-direction:column; align-items:stretch; gap:8px; }
953
+ html[data-dsh-prts] [data-prts-transfer-open] { display:flex; align-items:center; gap:8px; width:100%; padding:10px 8px; background:none; border:1px solid var(--prts-line); border-radius:4px; color:var(--prts-ink); font:500 12px/1.4 var(--prts-body); cursor:pointer; }
954
+ html[data-dsh-prts] [data-prts-transfer-open]:hover { border-color:var(--prts-yellow); }
955
+ html[data-dsh-prts] [data-prts-transfer-dialog] { box-sizing:border-box; width:min(660px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); padding:0; border:1px solid var(--prts-line-strong); border-radius:8px; background:var(--prts-canvas); color:var(--prts-ink); box-shadow:0 24px 80px #0006; font:13px/1.6 var(--prts-body); overflow:auto; }
956
+ html[data-dsh-prts] [data-prts-transfer-dialog]::backdrop { background:#0007; }
957
+ html[data-dsh-prts] [data-prts-transfer] {
958
+ padding:24px; gap:20px;
959
+ & [data-prts-transfer-heading] { display:flex; align-items:center; justify-content:space-between; gap:16px; }
960
+ & h2 { margin:4px 0 0; font-size:20px; line-height:1.4; }
961
+ & h3 { margin:0; font-size:14px; }
962
+ & [data-prts-transfer-close] { padding:2px 10px; font-size:24px; border:0; background:none; }
963
+ & [data-prts-transfer-columns] { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
964
+ & [data-prts-transfer-card] { display:flex; flex-direction:column; gap:12px; min-width:0; }
965
+ & [data-prts-transfer-card] + section { padding-left:24px; border-left:1px solid var(--prts-line); }
966
+ & [data-prts-transfer-card] > button { margin-top:auto; display:flex; align-items:center; justify-content:space-between; }
967
+ & [data-prts-transfer-option] { align-items:flex-start; flex-wrap:nowrap; padding:12px 0 0; }
968
+ & [data-prts-transfer-option] input { margin:5px 0 0; }
969
+ & [data-prts-transfer-option] small { display:block; margin-top:4px; }
970
+ & [data-prts-transfer-file-hint] { display:grid; place-items:center; flex:1; gap:6px; padding:12px; border:1px dashed var(--prts-line-strong); }
971
+ & [data-prts-transfer-file-hint] > span { font-size:24px; color:var(--prts-muted); }
972
+ & [data-prts-transfer-buttons] { display:flex; gap:8px; }
973
+ & [data-prts-transfer-recovery] { border:0; border-top:1px solid var(--prts-line); padding:16px 0 0; }
974
+ & [data-prts-transfer-status]:empty { display:none; }
975
+ }
976
+ @media(max-width:720px) {
977
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-settings-body] { grid-template-rows:auto minmax(0,1fr) auto; }
978
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-settings-sidebar] { display:contents; }
979
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-settings-nav] { grid-row:1; }
980
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-theme-settings-scroll] { grid-row:2; }
981
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-settings-actions] { grid-row:3; position:relative; flex-direction:row; align-items:center; justify-content:space-between; padding:12px 16px; border-top:1px solid var(--prts-line); background:var(--prts-canvas); }
982
+ html[data-dsh-prts] [data-prts-transfer-open] { width:auto; }
983
+ html[data-dsh-prts] [data-prts-theme-settings] :is([data-prts-reset-confirm],[data-prts-persistence-error]) { top:auto; bottom:100%; }
984
+ }
985
+ @media(max-width:540px) {
986
+ html[data-dsh-prts] [data-prts-transfer] { padding:20px; }
987
+ html[data-dsh-prts] [data-prts-transfer] [data-prts-transfer-columns] { grid-template-columns:1fr; gap:20px; }
988
+ html[data-dsh-prts] [data-prts-transfer] [data-prts-transfer-card] + section { padding:20px 0 0; border-left:0; border-top:1px solid var(--prts-line); }
989
+ }
990
+
991
+ /* Shared quiet actions below the settings categories. */
992
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-settings-actions] {
993
+ padding:12px 10px; gap:2px; border-top:1px solid var(--prts-line);
994
+ }
995
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-footer-action] {
996
+ display:flex; align-items:center; justify-content:flex-start; gap:10px;
997
+ width:100%; min-height:40px; padding:10px; margin:0;
998
+ border:0; border-radius:5px; clip-path:none; box-shadow:none;
999
+ background:transparent; color:var(--prts-muted);
1000
+ font:500 12px/1.4 var(--prts-body); text-align:left; cursor:pointer;
1001
+ }
1002
+ html[data-dsh-prts] [data-prts-footer-action] svg {
1003
+ width:16px; height:16px; flex:none; fill:none; stroke:currentColor;
1004
+ stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;
1005
+ }
1006
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-footer-action]:hover {
1007
+ background:var(--prts-panel-raised); color:var(--prts-ink);
1008
+ }
1009
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-footer-action]:focus-visible {
1010
+ outline:2px solid var(--prts-yellow); outline-offset:-2px;
1011
+ }
1012
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-footer-action][hidden] { display:none; }
1013
+ @media(max-width:720px) {
1014
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-settings-actions] { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:8px 12px; }
1015
+ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-reset-zone] { width:100%; }
1016
+ }