@codemem/server 0.26.2 → 0.27.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.
- package/dist/index.js +10 -2
- package/dist/index.js.map +1 -1
- package/dist/routes/sync.d.ts.map +1 -1
- package/package.json +2 -2
- package/static/app.js +309 -183
- package/static/index.html +101 -1
package/static/index.html
CHANGED
|
@@ -858,6 +858,28 @@
|
|
|
858
858
|
justify-content: flex-end;
|
|
859
859
|
}
|
|
860
860
|
|
|
861
|
+
.feed-inspector {
|
|
862
|
+
display: flex;
|
|
863
|
+
flex-direction: column;
|
|
864
|
+
align-items: flex-start;
|
|
865
|
+
gap: 12px;
|
|
866
|
+
margin-bottom: var(--sp-4);
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
.feed-inspector-button {
|
|
870
|
+
min-height: 30px;
|
|
871
|
+
padding: 4px 10px;
|
|
872
|
+
border-color: var(--border);
|
|
873
|
+
background: transparent;
|
|
874
|
+
color: var(--text-secondary);
|
|
875
|
+
white-space: nowrap;
|
|
876
|
+
}
|
|
877
|
+
.feed-inspector-button:hover {
|
|
878
|
+
background: var(--surface-2);
|
|
879
|
+
border-color: var(--border-hover);
|
|
880
|
+
color: var(--text-primary);
|
|
881
|
+
}
|
|
882
|
+
|
|
861
883
|
.feed-search {
|
|
862
884
|
min-width: 200px;
|
|
863
885
|
flex: 1;
|
|
@@ -875,6 +897,28 @@
|
|
|
875
897
|
.feed-search::placeholder { color: var(--text-tertiary); }
|
|
876
898
|
.feed-search:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--focus-ring); }
|
|
877
899
|
|
|
900
|
+
.feed-inspector-files {
|
|
901
|
+
width: 100%;
|
|
902
|
+
margin-top: 8px;
|
|
903
|
+
min-height: 84px;
|
|
904
|
+
padding: 10px var(--sp-3);
|
|
905
|
+
border-radius: var(--radius-md);
|
|
906
|
+
border: 1px solid var(--border);
|
|
907
|
+
background: var(--input-bg);
|
|
908
|
+
color: var(--text-primary);
|
|
909
|
+
font-family: var(--font-mono);
|
|
910
|
+
font-size: 12px;
|
|
911
|
+
line-height: 1.45;
|
|
912
|
+
resize: vertical;
|
|
913
|
+
outline: none;
|
|
914
|
+
transition: border-color 0.15s ease, box-shadow 0.15s ease;
|
|
915
|
+
}
|
|
916
|
+
.feed-inspector-files::placeholder { color: var(--text-tertiary); }
|
|
917
|
+
.feed-inspector-files:focus {
|
|
918
|
+
border-color: var(--accent);
|
|
919
|
+
box-shadow: 0 0 0 3px var(--focus-ring);
|
|
920
|
+
}
|
|
921
|
+
|
|
878
922
|
.feed-toggle {
|
|
879
923
|
display: inline-flex;
|
|
880
924
|
gap: 2px;
|
|
@@ -1912,7 +1956,7 @@
|
|
|
1912
1956
|
.settings-advanced-toolbar {
|
|
1913
1957
|
display: flex;
|
|
1914
1958
|
align-items: center;
|
|
1915
|
-
gap:
|
|
1959
|
+
gap: 10px;
|
|
1916
1960
|
padding: var(--sp-2) var(--sp-3);
|
|
1917
1961
|
border: 1px solid var(--border);
|
|
1918
1962
|
border-radius: var(--radius-sm);
|
|
@@ -1983,6 +2027,62 @@
|
|
|
1983
2027
|
.field-checkbox { flex-direction: row; align-items: center; gap: 8px; }
|
|
1984
2028
|
.field-checkbox input[type="checkbox"] { width: 14px; height: 14px; margin: 0; }
|
|
1985
2029
|
.field-checkbox label { margin: 0; }
|
|
2030
|
+
.settings-switch-row {
|
|
2031
|
+
display: inline-flex;
|
|
2032
|
+
align-items: center;
|
|
2033
|
+
justify-content: flex-start;
|
|
2034
|
+
gap: 10px;
|
|
2035
|
+
flex: 0 1 auto;
|
|
2036
|
+
}
|
|
2037
|
+
.settings-switch-copy {
|
|
2038
|
+
color: var(--text-primary);
|
|
2039
|
+
line-height: 1.35;
|
|
2040
|
+
cursor: pointer;
|
|
2041
|
+
}
|
|
2042
|
+
.settings-switch {
|
|
2043
|
+
width: 34px;
|
|
2044
|
+
height: 20px;
|
|
2045
|
+
border: 1px solid color-mix(in srgb, var(--text-tertiary) 42%, var(--control-border));
|
|
2046
|
+
border-radius: var(--radius-pill);
|
|
2047
|
+
background: color-mix(in srgb, var(--surface-1) 82%, var(--surface-0));
|
|
2048
|
+
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text-tertiary) 8%, transparent);
|
|
2049
|
+
cursor: pointer;
|
|
2050
|
+
flex-shrink: 0;
|
|
2051
|
+
padding: 1px;
|
|
2052
|
+
transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
|
|
2053
|
+
}
|
|
2054
|
+
.settings-switch:hover {
|
|
2055
|
+
border-color: color-mix(in srgb, var(--accent) 38%, var(--control-hover-border));
|
|
2056
|
+
}
|
|
2057
|
+
.settings-switch:focus-visible {
|
|
2058
|
+
outline: 2px solid var(--accent);
|
|
2059
|
+
outline-offset: 2px;
|
|
2060
|
+
}
|
|
2061
|
+
.settings-switch[data-state="checked"] {
|
|
2062
|
+
background: color-mix(in srgb, var(--accent) 18%, var(--surface-1));
|
|
2063
|
+
border-color: color-mix(in srgb, var(--accent) 54%, var(--control-hover-border));
|
|
2064
|
+
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);
|
|
2065
|
+
}
|
|
2066
|
+
.settings-switch:disabled {
|
|
2067
|
+
opacity: 0.55;
|
|
2068
|
+
cursor: not-allowed;
|
|
2069
|
+
}
|
|
2070
|
+
.settings-switch-thumb {
|
|
2071
|
+
display: block;
|
|
2072
|
+
width: 16px;
|
|
2073
|
+
height: 16px;
|
|
2074
|
+
border-radius: 50%;
|
|
2075
|
+
background: color-mix(in srgb, var(--surface-0) 88%, white);
|
|
2076
|
+
border: 1px solid color-mix(in srgb, var(--text-tertiary) 24%, transparent);
|
|
2077
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
|
|
2078
|
+
transition: transform 0.15s ease, background 0.15s ease;
|
|
2079
|
+
transform: translateX(0);
|
|
2080
|
+
}
|
|
2081
|
+
.settings-switch[data-state="checked"] .settings-switch-thumb {
|
|
2082
|
+
transform: translateX(14px);
|
|
2083
|
+
background: color-mix(in srgb, var(--accent) 88%, white);
|
|
2084
|
+
border-color: color-mix(in srgb, var(--accent) 42%, transparent);
|
|
2085
|
+
}
|
|
1986
2086
|
.cm-checkbox {
|
|
1987
2087
|
appearance: none;
|
|
1988
2088
|
width: 16px;
|