anentrypoint-design 0.0.145 → 0.0.146

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 (8) hide show
  1. package/community.css +81 -0
  2. package/dist/247420.css +121 -0
  3. package/dist/247420.js +10 -10
  4. package/package.json +1 -1
  5. package/src/components/community.js +100 -0
  6. package/src/components/overlay-primitives.js +88 -0
  7. package/src/components/voice.js +25 -0
  8. package/src/components.js +5 -3
package/community.css CHANGED
@@ -1420,3 +1420,84 @@
1420
1420
  font-family: var(--ff-mono); font-size: var(--fs-micro);
1421
1421
  color: var(--green); font-weight: 700; letter-spacing: var(--tr-caps);
1422
1422
  }
1423
+
1424
+ /* VoiceControls — vx-vc-* */
1425
+ .vx-vc {
1426
+ display: flex; align-items: center; gap: var(--space-1);
1427
+ padding: var(--space-1) var(--space-2);
1428
+ background: var(--bg-2);
1429
+ border-top: var(--bw-hair) solid var(--rule);
1430
+ }
1431
+ .vx-vc-btn {
1432
+ width: 36px; height: 36px;
1433
+ display: inline-flex; align-items: center; justify-content: center;
1434
+ border: var(--bw-hair) solid var(--rule-strong);
1435
+ border-radius: var(--r-1);
1436
+ background: var(--bg-3); color: var(--fg);
1437
+ cursor: pointer; font-size: 16px; line-height: 1;
1438
+ }
1439
+ .vx-vc-btn:hover { background: var(--bg-4, var(--bg-3)); }
1440
+ .vx-vc-on { background: var(--accent); color: var(--accent-fg, #fff); border-color: var(--accent); }
1441
+ .vx-vc-disabled, .vx-vc-btn:disabled { opacity: .4; cursor: not-allowed; }
1442
+ .vx-vc-leave { margin-left: auto; background: var(--danger, #d04545); color: #fff; border-color: var(--danger, #d04545); }
1443
+ .vx-vc-glyph { pointer-events: none; }
1444
+
1445
+ /* ThreadPanel — cm-thread-panel / cm-tp-* */
1446
+ .cm-thread-panel {
1447
+ display: flex; flex-direction: column;
1448
+ height: 100%; min-height: 0;
1449
+ background: var(--bg-2); color: var(--fg);
1450
+ border-left: var(--bw-hair) solid var(--rule);
1451
+ }
1452
+ .cm-tp-head {
1453
+ display: flex; align-items: center; justify-content: space-between;
1454
+ padding: var(--space-2); border-bottom: var(--bw-hair) solid var(--rule);
1455
+ }
1456
+ .cm-tp-title { font-weight: 700; font-size: var(--fs-1, 14px); }
1457
+ .cm-tp-head-actions { display: flex; gap: var(--space-1); }
1458
+ .cm-tp-new, .cm-tp-close {
1459
+ border: none; background: transparent; color: var(--fg-2, var(--fg));
1460
+ cursor: pointer; font-size: 16px; width: 24px; height: 24px; border-radius: var(--r-1);
1461
+ }
1462
+ .cm-tp-new:hover, .cm-tp-close:hover { background: var(--bg-3); color: var(--fg); }
1463
+ .cm-tp-list { flex: 1; min-height: 0; overflow-y: auto; }
1464
+ .cm-tp-item {
1465
+ display: flex; flex-direction: column; gap: 2px;
1466
+ width: 100%; text-align: left; cursor: pointer;
1467
+ padding: var(--space-2); border: none; background: transparent;
1468
+ border-bottom: var(--bw-hair) solid var(--rule);
1469
+ color: var(--fg);
1470
+ }
1471
+ .cm-tp-item:hover { background: var(--bg-3); }
1472
+ .cm-tp-item.is-active { background: var(--bg-3); box-shadow: inset 3px 0 0 var(--accent); }
1473
+ .cm-tp-item.is-unread .cm-tp-item-title { font-weight: 700; }
1474
+ .cm-tp-dot { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
1475
+ .cm-tp-item-title { font-size: var(--fs-1, 14px); }
1476
+ .cm-tp-item-snippet { font-size: var(--fs-0, 12px); color: var(--fg-2, var(--fg)); opacity: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
1477
+ .cm-tp-item-meta { display: flex; gap: var(--space-2); font-size: var(--fs-micro, 11px); color: var(--fg-2, var(--fg)); opacity: .7; }
1478
+ .cm-tp-empty, .cm-forum-empty { padding: var(--space-3); text-align: center; color: var(--fg-2, var(--fg)); opacity: .7; }
1479
+
1480
+ /* ForumView — cm-forum / cm-forum-* */
1481
+ .cm-forum { display: flex; flex-direction: column; height: 100%; min-height: 0; background: var(--bg-1, var(--bg-2)); color: var(--fg); }
1482
+ .cm-forum-toolbar { display: flex; gap: var(--space-2); align-items: center; padding: var(--space-2); border-bottom: var(--bw-hair) solid var(--rule); }
1483
+ .cm-forum-search { flex: 1; padding: var(--space-1) var(--space-2); border: var(--bw-hair) solid var(--rule-strong); border-radius: var(--r-1); background: var(--bg-3); color: var(--fg); }
1484
+ .cm-forum-sort { padding: var(--space-1); border: var(--bw-hair) solid var(--rule-strong); border-radius: var(--r-1); background: var(--bg-3); color: var(--fg); }
1485
+ .cm-forum-new { padding: var(--space-1) var(--space-2); border: none; border-radius: var(--r-1); background: var(--accent); color: var(--accent-fg, #fff); cursor: pointer; }
1486
+ .cm-forum-list { flex: 1; min-height: 0; overflow-y: auto; }
1487
+ .cm-forum-item { display: flex; flex-direction: column; gap: var(--space-1); width: 100%; text-align: left; cursor: pointer; padding: var(--space-2) var(--space-3); border: none; background: transparent; border-bottom: var(--bw-hair) solid var(--rule); color: var(--fg); }
1488
+ .cm-forum-item:hover { background: var(--bg-3); }
1489
+ .cm-forum-item-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
1490
+ .cm-forum-item-title { font-weight: 700; font-size: var(--fs-1, 14px); }
1491
+ .cm-forum-item-replies { font-size: var(--fs-0, 12px); color: var(--fg-2, var(--fg)); opacity: .8; white-space: nowrap; }
1492
+ .cm-forum-item-snippet { font-size: var(--fs-0, 12px); color: var(--fg-2, var(--fg)); opacity: .85; }
1493
+ .cm-forum-item-meta { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; font-size: var(--fs-micro, 11px); color: var(--fg-2, var(--fg)); opacity: .7; }
1494
+ .cm-forum-item-tags { display: inline-flex; gap: 4px; }
1495
+ .cm-forum-tag { padding: 1px 6px; border-radius: var(--r-1); background: var(--bg-3); border: var(--bw-hair) solid var(--rule); }
1496
+
1497
+ /* PageView — cm-page / cm-page-* */
1498
+ .cm-page { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow-y: auto; background: var(--bg-1, var(--bg-2)); color: var(--fg); }
1499
+ .cm-page-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); padding: var(--space-3); border-bottom: var(--bw-hair) solid var(--rule); }
1500
+ .cm-page-title { margin: 0; font-size: var(--fs-3, 20px); font-weight: 700; }
1501
+ .cm-page-edit { padding: var(--space-1) var(--space-2); border: var(--bw-hair) solid var(--rule-strong); border-radius: var(--r-1); background: var(--bg-3); color: var(--fg); cursor: pointer; }
1502
+ .cm-page-body { padding: var(--space-3); line-height: 1.6; }
1503
+ .cm-page-empty { color: var(--fg-2, var(--fg)); opacity: .7; }
package/dist/247420.css CHANGED
@@ -4080,6 +4080,87 @@
4080
4080
  color: var(--green); font-weight: 700; letter-spacing: var(--tr-caps);
4081
4081
  }
4082
4082
 
4083
+ /* VoiceControls — vx-vc-* */
4084
+ .ds-247420 .vx-vc {
4085
+ display: flex; align-items: center; gap: var(--space-1);
4086
+ padding: var(--space-1) var(--space-2);
4087
+ background: var(--bg-2);
4088
+ border-top: var(--bw-hair) solid var(--rule);
4089
+ }
4090
+ .ds-247420 .vx-vc-btn {
4091
+ width: 36px; height: 36px;
4092
+ display: inline-flex; align-items: center; justify-content: center;
4093
+ border: var(--bw-hair) solid var(--rule-strong);
4094
+ border-radius: var(--r-1);
4095
+ background: var(--bg-3); color: var(--fg);
4096
+ cursor: pointer; font-size: 16px; line-height: 1;
4097
+ }
4098
+ .ds-247420 .vx-vc-btn:hover { background: var(--bg-4, var(--bg-3)); }
4099
+ .ds-247420 .vx-vc-on { background: var(--accent); color: var(--accent-fg, #fff); border-color: var(--accent); }
4100
+ .ds-247420 .vx-vc-disabled, .ds-247420 .vx-vc-btn:disabled { opacity: .4; cursor: not-allowed; }
4101
+ .ds-247420 .vx-vc-leave { margin-left: auto; background: var(--danger, #d04545); color: #fff; border-color: var(--danger, #d04545); }
4102
+ .ds-247420 .vx-vc-glyph { pointer-events: none; }
4103
+
4104
+ /* ThreadPanel — cm-thread-panel / cm-tp-* */
4105
+ .ds-247420 .cm-thread-panel {
4106
+ display: flex; flex-direction: column;
4107
+ height: 100%; min-height: 0;
4108
+ background: var(--bg-2); color: var(--fg);
4109
+ border-left: var(--bw-hair) solid var(--rule);
4110
+ }
4111
+ .ds-247420 .cm-tp-head {
4112
+ display: flex; align-items: center; justify-content: space-between;
4113
+ padding: var(--space-2); border-bottom: var(--bw-hair) solid var(--rule);
4114
+ }
4115
+ .ds-247420 .cm-tp-title { font-weight: 700; font-size: var(--fs-1, 14px); }
4116
+ .ds-247420 .cm-tp-head-actions { display: flex; gap: var(--space-1); }
4117
+ .ds-247420 .cm-tp-new, .ds-247420 .cm-tp-close {
4118
+ border: none; background: transparent; color: var(--fg-2, var(--fg));
4119
+ cursor: pointer; font-size: 16px; width: 24px; height: 24px; border-radius: var(--r-1);
4120
+ }
4121
+ .ds-247420 .cm-tp-new:hover, .ds-247420 .cm-tp-close:hover { background: var(--bg-3); color: var(--fg); }
4122
+ .ds-247420 .cm-tp-list { flex: 1; min-height: 0; overflow-y: auto; }
4123
+ .ds-247420 .cm-tp-item {
4124
+ display: flex; flex-direction: column; gap: 2px;
4125
+ width: 100%; text-align: left; cursor: pointer;
4126
+ padding: var(--space-2); border: none; background: transparent;
4127
+ border-bottom: var(--bw-hair) solid var(--rule);
4128
+ color: var(--fg);
4129
+ }
4130
+ .ds-247420 .cm-tp-item:hover { background: var(--bg-3); }
4131
+ .ds-247420 .cm-tp-item.is-active { background: var(--bg-3); box-shadow: inset 3px 0 0 var(--accent); }
4132
+ .ds-247420 .cm-tp-item.is-unread .cm-tp-item-title { font-weight: 700; }
4133
+ .ds-247420 .cm-tp-dot { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
4134
+ .ds-247420 .cm-tp-item-title { font-size: var(--fs-1, 14px); }
4135
+ .ds-247420 .cm-tp-item-snippet { font-size: var(--fs-0, 12px); color: var(--fg-2, var(--fg)); opacity: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
4136
+ .ds-247420 .cm-tp-item-meta { display: flex; gap: var(--space-2); font-size: var(--fs-micro, 11px); color: var(--fg-2, var(--fg)); opacity: .7; }
4137
+ .ds-247420 .cm-tp-empty, .ds-247420 .cm-forum-empty { padding: var(--space-3); text-align: center; color: var(--fg-2, var(--fg)); opacity: .7; }
4138
+
4139
+ /* ForumView — cm-forum / cm-forum-* */
4140
+ .ds-247420 .cm-forum { display: flex; flex-direction: column; height: 100%; min-height: 0; background: var(--bg-1, var(--bg-2)); color: var(--fg); }
4141
+ .ds-247420 .cm-forum-toolbar { display: flex; gap: var(--space-2); align-items: center; padding: var(--space-2); border-bottom: var(--bw-hair) solid var(--rule); }
4142
+ .ds-247420 .cm-forum-search { flex: 1; padding: var(--space-1) var(--space-2); border: var(--bw-hair) solid var(--rule-strong); border-radius: var(--r-1); background: var(--bg-3); color: var(--fg); }
4143
+ .ds-247420 .cm-forum-sort { padding: var(--space-1); border: var(--bw-hair) solid var(--rule-strong); border-radius: var(--r-1); background: var(--bg-3); color: var(--fg); }
4144
+ .ds-247420 .cm-forum-new { padding: var(--space-1) var(--space-2); border: none; border-radius: var(--r-1); background: var(--accent); color: var(--accent-fg, #fff); cursor: pointer; }
4145
+ .ds-247420 .cm-forum-list { flex: 1; min-height: 0; overflow-y: auto; }
4146
+ .ds-247420 .cm-forum-item { display: flex; flex-direction: column; gap: var(--space-1); width: 100%; text-align: left; cursor: pointer; padding: var(--space-2) var(--space-3); border: none; background: transparent; border-bottom: var(--bw-hair) solid var(--rule); color: var(--fg); }
4147
+ .ds-247420 .cm-forum-item:hover { background: var(--bg-3); }
4148
+ .ds-247420 .cm-forum-item-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
4149
+ .ds-247420 .cm-forum-item-title { font-weight: 700; font-size: var(--fs-1, 14px); }
4150
+ .ds-247420 .cm-forum-item-replies { font-size: var(--fs-0, 12px); color: var(--fg-2, var(--fg)); opacity: .8; white-space: nowrap; }
4151
+ .ds-247420 .cm-forum-item-snippet { font-size: var(--fs-0, 12px); color: var(--fg-2, var(--fg)); opacity: .85; }
4152
+ .ds-247420 .cm-forum-item-meta { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; font-size: var(--fs-micro, 11px); color: var(--fg-2, var(--fg)); opacity: .7; }
4153
+ .ds-247420 .cm-forum-item-tags { display: inline-flex; gap: 4px; }
4154
+ .ds-247420 .cm-forum-tag { padding: 1px 6px; border-radius: var(--r-1); background: var(--bg-3); border: var(--bw-hair) solid var(--rule); }
4155
+
4156
+ /* PageView — cm-page / cm-page-* */
4157
+ .ds-247420 .cm-page { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow-y: auto; background: var(--bg-1, var(--bg-2)); color: var(--fg); }
4158
+ .ds-247420 .cm-page-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); padding: var(--space-3); border-bottom: var(--bw-hair) solid var(--rule); }
4159
+ .ds-247420 .cm-page-title { margin: 0; font-size: var(--fs-3, 20px); font-weight: 700; }
4160
+ .ds-247420 .cm-page-edit { padding: var(--space-1) var(--space-2); border: var(--bw-hair) solid var(--rule-strong); border-radius: var(--r-1); background: var(--bg-3); color: var(--fg); cursor: pointer; }
4161
+ .ds-247420 .cm-page-body { padding: var(--space-3); line-height: 1.6; }
4162
+ .ds-247420 .cm-page-empty { color: var(--fg-2, var(--fg)); opacity: .7; }
4163
+
4083
4164
  /* chat.css */
4084
4165
  /* chat.css — chat-specific styles. Currently empty; all chat styles live in
4085
4166
  app-shell.css under the .chat-* prefix. Reserved for future split. */
@@ -4934,3 +5015,43 @@
4934
5015
  border: 0; border-radius: var(--r-1, 10px);
4935
5016
  padding: var(--space-2, 8px); font: inherit;
4936
5017
  }
5018
+
5019
+ /* AuthModal — ov-auth-* */
5020
+ .ds-247420 .ov-auth-backdrop {
5021
+ position: fixed; inset: 0; z-index: var(--z-overlay, 1000);
5022
+ display: flex; align-items: center; justify-content: center;
5023
+ background: rgba(0,0,0,.55);
5024
+ }
5025
+ .ds-247420 .ov-auth-panel {
5026
+ width: min(420px, 92vw);
5027
+ display: flex; flex-direction: column;
5028
+ background: var(--bg-2); color: var(--fg);
5029
+ border: 1px solid var(--rule); border-radius: var(--r-2, 8px);
5030
+ box-shadow: var(--shadow-2, 0 12px 40px rgba(0,0,0,.4));
5031
+ overflow: hidden;
5032
+ }
5033
+ .ds-247420 .ov-auth-head { display: flex; align-items: center; justify-content: space-between; padding: var(--space-3); border-bottom: 1px solid var(--rule); }
5034
+ .ds-247420 .ov-auth-title { margin: 0; font-size: var(--fs-2, 16px); font-weight: 700; }
5035
+ .ds-247420 .ov-auth-x { border: none; background: transparent; color: var(--fg-2, var(--fg)); font-size: 22px; line-height: 1; cursor: pointer; }
5036
+ .ds-247420 .ov-auth-x:hover { color: var(--fg); }
5037
+ .ds-247420 .ov-auth-tabs { display: flex; gap: var(--space-1); padding: var(--space-2) var(--space-3) 0; }
5038
+ .ds-247420 .ov-auth-tab { flex: 1; padding: var(--space-1) var(--space-2); border: 1px solid var(--rule); border-bottom: none; border-radius: var(--r-1) var(--r-1) 0 0; background: var(--bg-3); color: var(--fg-2, var(--fg)); cursor: pointer; }
5039
+ .ds-247420 .ov-auth-tab.is-active { background: var(--bg-2); color: var(--fg); font-weight: 700; }
5040
+ .ds-247420 .ov-auth-body { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3); }
5041
+ .ds-247420 .ov-auth-hint { margin: 0; font-size: var(--fs-0, 12px); color: var(--fg-2, var(--fg)); }
5042
+ .ds-247420 .ov-auth-input { padding: var(--space-2); border: 1px solid var(--rule-strong); border-radius: var(--r-1); background: var(--bg-3); color: var(--fg); }
5043
+ .ds-247420 .ov-auth-primary { padding: var(--space-2); border: none; border-radius: var(--r-1); background: var(--accent); color: var(--accent-fg, #fff); font-weight: 700; cursor: pointer; }
5044
+ .ds-247420 .ov-auth-primary:disabled { opacity: .6; cursor: progress; }
5045
+ .ds-247420 .ov-auth-error { margin: 0 var(--space-3) var(--space-3); padding: var(--space-2); border-radius: var(--r-1); background: var(--danger-bg, rgba(208,69,69,.15)); color: var(--danger, #d04545); font-size: var(--fs-0, 12px); }
5046
+
5047
+ /* VideoLightbox — ov-lightbox-* */
5048
+ .ds-247420 .ov-lightbox-backdrop {
5049
+ position: fixed; inset: 0; z-index: var(--z-overlay-top, 1100);
5050
+ display: flex; align-items: center; justify-content: center;
5051
+ background: rgba(0,0,0,.85);
5052
+ }
5053
+ .ds-247420 .ov-lightbox-x { position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; border: none; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 24px; line-height: 1; cursor: pointer; }
5054
+ .ds-247420 .ov-lightbox-x:hover { background: rgba(255,255,255,.24); }
5055
+ .ds-247420 .ov-lightbox-stage { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); max-width: 92vw; max-height: 90vh; }
5056
+ .ds-247420 .ov-lightbox-video { max-width: 92vw; max-height: 82vh; border-radius: var(--r-1); background: #000; }
5057
+ .ds-247420 .ov-lightbox-label { color: #fff; font-size: var(--fs-0, 12px); opacity: .85; }