@delt/claude-alarm 1.1.0 → 1.1.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.
@@ -589,8 +589,23 @@
589
589
  background: linear-gradient(180deg, rgba(245,158,11,0.08) 0%, transparent 100%);
590
590
  padding: 0;
591
591
  display: none;
592
+ flex-shrink: 0;
593
+ max-height: 45vh;
594
+ overflow-y: auto;
595
+ scrollbar-width: thin;
592
596
  }
593
597
  .permission-bar.active { display: block; }
598
+ .perm-count {
599
+ position: sticky;
600
+ top: 0;
601
+ z-index: 1;
602
+ padding: 6px 20px;
603
+ font-size: 12px;
604
+ font-weight: 600;
605
+ color: var(--yellow);
606
+ background: var(--surface);
607
+ border-bottom: 1px solid var(--border);
608
+ }
594
609
  .perm-item {
595
610
  display: flex;
596
611
  align-items: center;
@@ -2085,7 +2100,8 @@
2085
2100
  const reqs = (state.permissionRequests[sid] || []).filter(r => !r.resolved);
2086
2101
  if (!reqs.length) { bar.classList.remove('active'); bar.innerHTML = ''; return; }
2087
2102
  bar.classList.add('active');
2088
- bar.innerHTML = reqs.map(r => {
2103
+ const count = reqs.length > 1 ? `<div class="perm-count">${reqs.length} permission requests waiting</div>` : '';
2104
+ bar.innerHTML = count + reqs.map(r => {
2089
2105
  const { text: previewText, kind: previewKind, lang: previewLang } = formatPermPreview(r.toolName, r.inputPreview);
2090
2106
  const displayName = formatToolName(r.toolName, r.inputPreview);
2091
2107
  return `<div class="perm-item">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@delt/claude-alarm",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "description": "Monitor and get notifications from multiple Claude Code sessions via MCP Channels",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -589,8 +589,23 @@
589
589
  background: linear-gradient(180deg, rgba(245,158,11,0.08) 0%, transparent 100%);
590
590
  padding: 0;
591
591
  display: none;
592
+ flex-shrink: 0;
593
+ max-height: 45vh;
594
+ overflow-y: auto;
595
+ scrollbar-width: thin;
592
596
  }
593
597
  .permission-bar.active { display: block; }
598
+ .perm-count {
599
+ position: sticky;
600
+ top: 0;
601
+ z-index: 1;
602
+ padding: 6px 20px;
603
+ font-size: 12px;
604
+ font-weight: 600;
605
+ color: var(--yellow);
606
+ background: var(--surface);
607
+ border-bottom: 1px solid var(--border);
608
+ }
594
609
  .perm-item {
595
610
  display: flex;
596
611
  align-items: center;
@@ -2085,7 +2100,8 @@
2085
2100
  const reqs = (state.permissionRequests[sid] || []).filter(r => !r.resolved);
2086
2101
  if (!reqs.length) { bar.classList.remove('active'); bar.innerHTML = ''; return; }
2087
2102
  bar.classList.add('active');
2088
- bar.innerHTML = reqs.map(r => {
2103
+ const count = reqs.length > 1 ? `<div class="perm-count">${reqs.length} permission requests waiting</div>` : '';
2104
+ bar.innerHTML = count + reqs.map(r => {
2089
2105
  const { text: previewText, kind: previewKind, lang: previewLang } = formatPermPreview(r.toolName, r.inputPreview);
2090
2106
  const displayName = formatToolName(r.toolName, r.inputPreview);
2091
2107
  return `<div class="perm-item">