@rcsb/rcsb-statistics 0.3.44-dev.aipcb.0 → 0.3.44-dev.aipcb.1

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.
package/build/index.html CHANGED
@@ -1 +1 @@
1
- <!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="RCSB Protein Data Bank: A Resource for Studying Biological Macromolecules"/><title>RCSB Statistics</title><script defer="defer" src="/static/js/main.760776f1.js"></script><link href="/static/css/main.894a09f3.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript sto run this app.</noscript><div id="statsroot"></div></body></html>
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="RCSB Protein Data Bank: A Resource for Studying Biological Macromolecules"/><title>RCSB Statistics</title><script defer="defer" src="/static/js/main.6170e3a8.js"></script><link href="/static/css/main.894a09f3.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript sto run this app.</noscript><div id="statsroot"></div></body></html>
@@ -1,19 +1,18 @@
1
1
  :where(#statsroot) .ai-chart-workspace { --ai-brand: #337ab7; --ai-border: #d5e2ed; color: #283747; padding: 0 4px 24px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
2
- :where(#statsroot) .ai-chart-page-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin: 26px 0 22px; }
2
+ :where(#statsroot) .ai-chart-page-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin: 18px 0 18px; }
3
3
  :where(#statsroot) .ai-chart-page-heading h1 { font-size: 29px; font-weight: 650; margin: 8px 0 9px; color: #253f56; }
4
4
  :where(#statsroot) .ai-chart-page-heading p { color: #617080; max-width: 750px; margin-bottom: 0; line-height: 1.55; }
5
5
  :where(#statsroot) .ai-chart-eyebrow { text-transform: uppercase; letter-spacing: .08em; color: #587b98; font-size: 11px; font-weight: 700; }
6
- :where(#statsroot) .ai-chart-eyebrow svg { font-size: 17px; margin-right: 4px; }
7
6
  :where(#statsroot) .ai-chart-layout { display: grid; grid-template-columns: minmax(310px, 370px) minmax(0, 1fr); gap: 22px; align-items: start; }
8
7
  :where(#statsroot) .ai-chart-chat { border: 1px solid var(--ai-border); border-radius: 9px; overflow: hidden; background: #fff; box-shadow: 0 3px 12px #28435b08; }
9
- :where(#statsroot) .ai-chart-panel-heading { display: flex; align-items: center; justify-content: space-between; padding: 13px 15px; background: #f3f7fa; border-bottom: 1px solid var(--ai-border); }
8
+ :where(#statsroot) .ai-chart-panel-heading { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; background: #f3f7fa; border-bottom: 1px solid var(--ai-border); }
10
9
  :where(#statsroot) .ai-chart-panel-heading strong { display: flex; gap: 7px; align-items: center; }
11
10
  :where(#statsroot) .ai-chart-panel-heading .btn { font-size: 12px; text-decoration: none; }
12
- :where(#statsroot) .ai-chart-conversation { padding: 18px 15px; max-height: 520px; min-height: 250px; overflow: auto; display: flex; flex-direction: column; gap: 13px; }
13
- :where(#statsroot) .ai-chart-welcome { font-size: 18px; line-height: 1.4; font-weight: 600; margin: 0; }
14
- :where(#statsroot) .ai-chart-muted { font-size: 13px; line-height: 1.6; color: #647787; margin: 0; }
15
- :where(#statsroot) .ai-chart-examples { display: grid; gap: 9px; }
16
- :where(#statsroot) .ai-chart-examples button { text-align: left; border: 1px solid #dce5ec; background: #fff; border-radius: 6px; padding: 11px 12px; color: #355774; line-height: 1.5; transition: background .15s, border-color .15s; }
11
+ :where(#statsroot) .ai-chart-conversation { padding: 14px 15px; max-height: clamp(100px, calc(100vh - 680px), 260px); min-height: 100px; overflow: auto; display: flex; flex-direction: column; gap: 10px; }
12
+ :where(#statsroot) .ai-chart-welcome { font-size: 16px; line-height: 1.4; font-weight: 600; margin: 0; }
13
+ :where(#statsroot) .ai-chart-muted { font-size: 12px; line-height: 1.5; color: #647787; margin: 0; }
14
+ :where(#statsroot) .ai-chart-examples { display: grid; gap: 7px; }
15
+ :where(#statsroot) .ai-chart-examples button { text-align: left; border: 1px solid #dce5ec; background: #fff; border-radius: 6px; padding: 8px 10px; color: #355774; line-height: 1.4; transition: background .15s, border-color .15s; }
17
16
  :where(#statsroot) .ai-chart-examples button:hover { background: #f0f7fc; border-color: #83accd; }
18
17
  :where(#statsroot) .ai-chart-examples strong { display: block; font-size: 12px; margin-bottom: 4px; }
19
18
  :where(#statsroot) .ai-chart-examples span { display: block; color: #6b7b87; font-size: 12px; }
@@ -24,10 +23,10 @@
24
23
  :where(#statsroot) .ai-chart-question > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
25
24
  :where(#statsroot) .ai-chart-question .btn { white-space: normal; text-align: left; font-size: 12px; }
26
25
  :where(#statsroot) .ai-chart-wait { display: flex; align-items: center; gap: 9px; font-size: 13px; color: #47718f; padding: 10px 0; }
27
- :where(#statsroot) .ai-chart-composer { padding: 14px 15px; background: #fafcfd; border-top: 1px solid #e1e9ef; }
26
+ :where(#statsroot) .ai-chart-composer { padding: 12px 15px; background: #fafcfd; border-top: 1px solid #e1e9ef; }
28
27
  :where(#statsroot) .ai-chart-composer label { font-size: 12px; font-weight: 600; }
29
- :where(#statsroot) .ai-chart-composer textarea { font-size: 13px; line-height: 1.5; resize: vertical; min-height: 86px; }
30
- :where(#statsroot) .ai-chart-composer-actions { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 12px; }
28
+ :where(#statsroot) .ai-chart-composer textarea { font-size: 13px; line-height: 1.5; resize: vertical; min-height: 64px; }
29
+ :where(#statsroot) .ai-chart-composer-actions { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 8px; }
31
30
  :where(#statsroot) .ai-chart-composer-actions span { font-size: 11px; color: #748593; overflow-wrap: anywhere; }
32
31
  :where(#statsroot) .ai-chart-workspace .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
33
32
  :where(#statsroot) .ai-chart-workspace .btn-primary { background: #337ab7; border-color: #337ab7; }
@@ -53,21 +52,16 @@
53
52
  :where(#statsroot) .ai-chart-provenance summary { cursor: pointer; color: #3b6f94; margin-bottom: 8px; }
54
53
  :where(#statsroot) .ai-chart-provenance pre { font-size: 11px; max-height: 300px; overflow: auto; background: #f5f7f9; padding: 10px; }
55
54
  :where(#statsroot) .ai-chart-provenance ul { padding-left: 19px; }
56
- :where(#statsroot) .ai-chart-placeholder { min-height: 540px; border: 1px dashed #bccedb; border-radius: 9px; background: linear-gradient(150deg, #f7fbfe, #fff); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 45px; text-align: center; }
57
- :where(#statsroot) .ai-chart-placeholder > svg { color: #78a4c4; font-size: 42px; margin-bottom: 20px; }
58
- :where(#statsroot) .ai-chart-placeholder h2 { color: #45627a; font-size: 25px; font-weight: 500; }
55
+ :where(#statsroot) .ai-chart-placeholder { min-height: 400px; border: 1px dashed #bccedb; border-radius: 9px; background: linear-gradient(150deg, #f7fbfe, #fff); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; text-align: center; }
59
56
  :where(#statsroot) .ai-chart-placeholder p { color: #758797; max-width: 400px; line-height: 1.7; font-size: 14px; }
60
- :where(#statsroot) .ai-chart-placeholder > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 10px; }
61
- :where(#statsroot) .ai-chart-placeholder span { border: 1px solid #d7e3eb; border-radius: 20px; padding: 6px 11px; color: #71889b; font-size: 11px; background: #fff; }
62
57
  :where(#statsroot) .ai-chart-previous { margin-top: 16px; font-size: 13px; color: #5b768d; }
63
58
  :where(#statsroot) .ai-chart-previous summary { cursor: pointer; padding: 8px 0; }
64
59
  :where(#statsroot) .ai-chart-empty { text-align: center; padding: 65px 25px; color: #718493; line-height: 1.6; }
65
- :where(#statsroot) .ai-chart-footnote { font-size: 12px; color: #798994; margin: 20px 0 0; line-height: 1.7; }
66
60
  :where(#statsroot) .ai-chart-home-card { display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid #c9dce9; border-radius: 8px; padding: 22px 25px; background: linear-gradient(120deg,#eff7fd,#fff); margin: 16px 0 26px; color: #345871; text-decoration: none; }
67
61
  :where(#statsroot) .ai-chart-home-card:hover { border-color: #83b0d0; color: #214b6c; background: #f1f8fd; }
68
62
  :where(#statsroot) .ai-chart-home-card h2 { font-size: 21px; margin: 0 0 8px; }
69
63
  :where(#statsroot) .ai-chart-home-card p { font-size: 14px; margin: 0; color: #6b7f8e; }
70
64
  :where(#statsroot) .ai-chart-home-card > svg { font-size: 35px; flex-shrink: 0; color: #5790b7; }
71
65
  @media (max-width: 1100px) { :where(#statsroot) .ai-chart-layout { grid-template-columns: minmax(280px, 330px) minmax(0,1fr); gap: 14px; } :where(#statsroot) .ai-chart-result { padding: 14px; } :where(#statsroot) .ai-chart-result-heading { flex-wrap: wrap; } }
72
- @media (max-width: 800px) { :where(#statsroot) .ai-chart-layout { grid-template-columns: 1fr; } :where(#statsroot) .ai-chart-page-heading { flex-wrap: wrap; } :where(#statsroot) .ai-chart-conversation { max-height: 330px; } :where(#statsroot) .ai-chart-placeholder { min-height: 300px; } :where(#statsroot) .ai-chart-result-heading h2 { font-size: 18px; } :where(#statsroot) .ai-chart-export-row > span { width: 100%; margin: 5px 0 0; } }
66
+ @media (max-width: 800px) { :where(#statsroot) .ai-chart-layout { grid-template-columns: 1fr; } :where(#statsroot) .ai-chart-page-heading { flex-wrap: wrap; } :where(#statsroot) .ai-chart-placeholder { min-height: 300px; } :where(#statsroot) .ai-chart-result-heading h2 { font-size: 18px; } :where(#statsroot) .ai-chart-export-row > span { width: 100%; margin: 5px 0 0; } }
73
67
 
@@ -1,19 +1,18 @@
1
1
  :where(#statsroot) .ai-chart-workspace { --ai-brand: #337ab7; --ai-border: #d5e2ed; color: #283747; padding: 0 4px 24px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
2
- :where(#statsroot) .ai-chart-page-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin: 26px 0 22px; }
2
+ :where(#statsroot) .ai-chart-page-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin: 18px 0 18px; }
3
3
  :where(#statsroot) .ai-chart-page-heading h1 { font-size: 29px; font-weight: 650; margin: 8px 0 9px; color: #253f56; }
4
4
  :where(#statsroot) .ai-chart-page-heading p { color: #617080; max-width: 750px; margin-bottom: 0; line-height: 1.55; }
5
5
  :where(#statsroot) .ai-chart-eyebrow { text-transform: uppercase; letter-spacing: .08em; color: #587b98; font-size: 11px; font-weight: 700; }
6
- :where(#statsroot) .ai-chart-eyebrow svg { font-size: 17px; margin-right: 4px; }
7
6
  :where(#statsroot) .ai-chart-layout { display: grid; grid-template-columns: minmax(310px, 370px) minmax(0, 1fr); gap: 22px; align-items: start; }
8
7
  :where(#statsroot) .ai-chart-chat { border: 1px solid var(--ai-border); border-radius: 9px; overflow: hidden; background: #fff; box-shadow: 0 3px 12px #28435b08; }
9
- :where(#statsroot) .ai-chart-panel-heading { display: flex; align-items: center; justify-content: space-between; padding: 13px 15px; background: #f3f7fa; border-bottom: 1px solid var(--ai-border); }
8
+ :where(#statsroot) .ai-chart-panel-heading { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; background: #f3f7fa; border-bottom: 1px solid var(--ai-border); }
10
9
  :where(#statsroot) .ai-chart-panel-heading strong { display: flex; gap: 7px; align-items: center; }
11
10
  :where(#statsroot) .ai-chart-panel-heading .btn { font-size: 12px; text-decoration: none; }
12
- :where(#statsroot) .ai-chart-conversation { padding: 18px 15px; max-height: 520px; min-height: 250px; overflow: auto; display: flex; flex-direction: column; gap: 13px; }
13
- :where(#statsroot) .ai-chart-welcome { font-size: 18px; line-height: 1.4; font-weight: 600; margin: 0; }
14
- :where(#statsroot) .ai-chart-muted { font-size: 13px; line-height: 1.6; color: #647787; margin: 0; }
15
- :where(#statsroot) .ai-chart-examples { display: grid; gap: 9px; }
16
- :where(#statsroot) .ai-chart-examples button { text-align: left; border: 1px solid #dce5ec; background: #fff; border-radius: 6px; padding: 11px 12px; color: #355774; line-height: 1.5; transition: background .15s, border-color .15s; }
11
+ :where(#statsroot) .ai-chart-conversation { padding: 14px 15px; max-height: clamp(100px, calc(100vh - 680px), 260px); min-height: 100px; overflow: auto; display: flex; flex-direction: column; gap: 10px; }
12
+ :where(#statsroot) .ai-chart-welcome { font-size: 16px; line-height: 1.4; font-weight: 600; margin: 0; }
13
+ :where(#statsroot) .ai-chart-muted { font-size: 12px; line-height: 1.5; color: #647787; margin: 0; }
14
+ :where(#statsroot) .ai-chart-examples { display: grid; gap: 7px; }
15
+ :where(#statsroot) .ai-chart-examples button { text-align: left; border: 1px solid #dce5ec; background: #fff; border-radius: 6px; padding: 8px 10px; color: #355774; line-height: 1.4; transition: background .15s, border-color .15s; }
17
16
  :where(#statsroot) .ai-chart-examples button:hover { background: #f0f7fc; border-color: #83accd; }
18
17
  :where(#statsroot) .ai-chart-examples strong { display: block; font-size: 12px; margin-bottom: 4px; }
19
18
  :where(#statsroot) .ai-chart-examples span { display: block; color: #6b7b87; font-size: 12px; }
@@ -24,10 +23,10 @@
24
23
  :where(#statsroot) .ai-chart-question > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
25
24
  :where(#statsroot) .ai-chart-question .btn { white-space: normal; text-align: left; font-size: 12px; }
26
25
  :where(#statsroot) .ai-chart-wait { display: flex; align-items: center; gap: 9px; font-size: 13px; color: #47718f; padding: 10px 0; }
27
- :where(#statsroot) .ai-chart-composer { padding: 14px 15px; background: #fafcfd; border-top: 1px solid #e1e9ef; }
26
+ :where(#statsroot) .ai-chart-composer { padding: 12px 15px; background: #fafcfd; border-top: 1px solid #e1e9ef; }
28
27
  :where(#statsroot) .ai-chart-composer label { font-size: 12px; font-weight: 600; }
29
- :where(#statsroot) .ai-chart-composer textarea { font-size: 13px; line-height: 1.5; resize: vertical; min-height: 86px; }
30
- :where(#statsroot) .ai-chart-composer-actions { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 12px; }
28
+ :where(#statsroot) .ai-chart-composer textarea { font-size: 13px; line-height: 1.5; resize: vertical; min-height: 64px; }
29
+ :where(#statsroot) .ai-chart-composer-actions { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 8px; }
31
30
  :where(#statsroot) .ai-chart-composer-actions span { font-size: 11px; color: #748593; overflow-wrap: anywhere; }
32
31
  :where(#statsroot) .ai-chart-workspace .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
33
32
  :where(#statsroot) .ai-chart-workspace .btn-primary { background: #337ab7; border-color: #337ab7; }
@@ -53,21 +52,16 @@
53
52
  :where(#statsroot) .ai-chart-provenance summary { cursor: pointer; color: #3b6f94; margin-bottom: 8px; }
54
53
  :where(#statsroot) .ai-chart-provenance pre { font-size: 11px; max-height: 300px; overflow: auto; background: #f5f7f9; padding: 10px; }
55
54
  :where(#statsroot) .ai-chart-provenance ul { padding-left: 19px; }
56
- :where(#statsroot) .ai-chart-placeholder { min-height: 540px; border: 1px dashed #bccedb; border-radius: 9px; background: linear-gradient(150deg, #f7fbfe, #fff); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 45px; text-align: center; }
57
- :where(#statsroot) .ai-chart-placeholder > svg { color: #78a4c4; font-size: 42px; margin-bottom: 20px; }
58
- :where(#statsroot) .ai-chart-placeholder h2 { color: #45627a; font-size: 25px; font-weight: 500; }
55
+ :where(#statsroot) .ai-chart-placeholder { min-height: 400px; border: 1px dashed #bccedb; border-radius: 9px; background: linear-gradient(150deg, #f7fbfe, #fff); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; text-align: center; }
59
56
  :where(#statsroot) .ai-chart-placeholder p { color: #758797; max-width: 400px; line-height: 1.7; font-size: 14px; }
60
- :where(#statsroot) .ai-chart-placeholder > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 10px; }
61
- :where(#statsroot) .ai-chart-placeholder span { border: 1px solid #d7e3eb; border-radius: 20px; padding: 6px 11px; color: #71889b; font-size: 11px; background: #fff; }
62
57
  :where(#statsroot) .ai-chart-previous { margin-top: 16px; font-size: 13px; color: #5b768d; }
63
58
  :where(#statsroot) .ai-chart-previous summary { cursor: pointer; padding: 8px 0; }
64
59
  :where(#statsroot) .ai-chart-empty { text-align: center; padding: 65px 25px; color: #718493; line-height: 1.6; }
65
- :where(#statsroot) .ai-chart-footnote { font-size: 12px; color: #798994; margin: 20px 0 0; line-height: 1.7; }
66
60
  :where(#statsroot) .ai-chart-home-card { display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid #c9dce9; border-radius: 8px; padding: 22px 25px; background: linear-gradient(120deg,#eff7fd,#fff); margin: 16px 0 26px; color: #345871; text-decoration: none; }
67
61
  :where(#statsroot) .ai-chart-home-card:hover { border-color: #83b0d0; color: #214b6c; background: #f1f8fd; }
68
62
  :where(#statsroot) .ai-chart-home-card h2 { font-size: 21px; margin: 0 0 8px; }
69
63
  :where(#statsroot) .ai-chart-home-card p { font-size: 14px; margin: 0; color: #6b7f8e; }
70
64
  :where(#statsroot) .ai-chart-home-card > svg { font-size: 35px; flex-shrink: 0; color: #5790b7; }
71
65
  @media (max-width: 1100px) { :where(#statsroot) .ai-chart-layout { grid-template-columns: minmax(280px, 330px) minmax(0,1fr); gap: 14px; } :where(#statsroot) .ai-chart-result { padding: 14px; } :where(#statsroot) .ai-chart-result-heading { flex-wrap: wrap; } }
72
- @media (max-width: 800px) { :where(#statsroot) .ai-chart-layout { grid-template-columns: 1fr; } :where(#statsroot) .ai-chart-page-heading { flex-wrap: wrap; } :where(#statsroot) .ai-chart-conversation { max-height: 330px; } :where(#statsroot) .ai-chart-placeholder { min-height: 300px; } :where(#statsroot) .ai-chart-result-heading h2 { font-size: 18px; } :where(#statsroot) .ai-chart-export-row > span { width: 100%; margin: 5px 0 0; } }
66
+ @media (max-width: 800px) { :where(#statsroot) .ai-chart-layout { grid-template-columns: 1fr; } :where(#statsroot) .ai-chart-page-heading { flex-wrap: wrap; } :where(#statsroot) .ai-chart-placeholder { min-height: 300px; } :where(#statsroot) .ai-chart-result-heading h2 { font-size: 18px; } :where(#statsroot) .ai-chart-export-row > span { width: 100%; margin: 5px 0 0; } }
73
67