feat: Implement Daggerheart Path Browser module to display and copy Active Effect data paths.

2026-03-19 21:49:16 +01:00 · 2026-03-19 21:49:16 +01:00 · 922814242d
commit 922814242d
7 changed files with 387 additions and 0 deletions
--- a/styles/styles.css
+++ b/styles/styles.css
@ -0,0 +1,109 @@
+.dh-path-browser-btn {
+    margin-top: 10px;
+    width: 100%;
+}
+
+.dh-path-browser.application {
+    display: flex;
+    flex-direction: column;
+}
+
+.dh-path-browser .window-content {
+    display: flex;
+    flex-direction: column;
+    padding: 10px;
+    gap: 10px;
+}
+
+.dh-path-browser .paths-header {
+    flex: 0 0 auto;
+    padding-bottom: 10px;
+    border-bottom: 1px solid var(--color-border-light-1);
+}
+
+.dh-path-browser .paths-list {
+    flex: 1 1 auto;
+    overflow-y: auto;
+    padding-right: 5px;
+}
+
+.dh-path-browser .path-group {
+    margin-bottom: 15px;
+}
+
+.dh-path-browser .path-group .group-header {
+    margin: 0 0 5px 0;
+    padding-bottom: 3px;
+    border-bottom: 1px solid var(--color-border-light-2);
+    font-size: 1.2em;
+    font-weight: bold;
+}
+
+.dh-path-browser .path-group .item-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.dh-path-browser .path-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 6px 10px;
+    border: 1px solid transparent;
+    border-radius: 4px;
+    background: var(--color-bg-option);
+}
+
+.dh-path-browser .path-item:hover {
+    background: var(--color-bg-option-hover);
+    border-color: var(--color-border-light-2);
+}
+
+.dh-path-browser .path-item-info {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+
+.dh-path-browser .path-label {
+    font-weight: bold;
+}
+
+.dh-path-browser .path-value {
+    font-size: 0.9em;
+    color: var(--color-text-dark-secondary);
+    background: rgba(0,0,0,0.05);
+    padding: 2px 4px;
+    border-radius: 3px;
+    user-select: all;
+}
+
+.theme-dark .dh-path-browser .path-value,
+.dh-style .dh-path-browser .path-value {
+    color: var(--color-text-light-secondary);
+    background: rgba(255,255,255,0.1);
+}
+
+.dh-path-browser .path-item .copy-btn {
+    flex: 0 0 32px;
+    height: 32px;
+    width: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: 1px solid var(--color-border-light-1);
+    border-radius: 4px;
+    cursor: pointer;
+    line-height: 1;
+    color: inherit;
+}
+
+.dh-path-browser .path-item .copy-btn:hover {
+    background: rgba(255, 255, 255, 0.1);
+    box-shadow: 0 0 5px var(--color-shadow-primary);
+}