-
+
+
+
+
+
+
+
+ Links:
+
+
+
+
+
+
+
+
+
@@ -276,7 +355,7 @@ onMounted(loadProjectNotes);
title="Delete note"
@click="requestDelete(note.id, $event)"
>
- ✕
+
@@ -443,6 +522,63 @@ onMounted(loadProjectNotes);
}
.btn-dismiss-suggestions:hover { color: var(--color-text); }
+.toolbar-row {
+ padding: 0.3rem 0.6rem;
+ border-bottom: 1px solid var(--color-border);
+ flex-shrink: 0;
+}
+
+.link-suggest-strip {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 0.25rem;
+ padding: 0.3rem 0.6rem;
+ border-bottom: 1px solid var(--color-border);
+ background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
+ flex-shrink: 0;
+}
+
+.link-suggest-label {
+ font-size: 0.7rem;
+ color: var(--color-text-muted);
+ flex-shrink: 0;
+ font-weight: 600;
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+}
+
+.link-suggest-chip {
+ display: inline-flex;
+}
+
+.btn-chip-link {
+ background: none;
+ border: 1px solid var(--color-primary);
+ border-radius: 999px;
+ padding: 0.1rem 0.45rem;
+ font-size: 0.7rem;
+ color: var(--color-primary);
+ cursor: pointer;
+ font-family: monospace;
+ white-space: nowrap;
+}
+.btn-chip-link:hover {
+ background: color-mix(in srgb, var(--color-primary) 15%, transparent);
+}
+
+.btn-link-all {
+ background: none;
+ border: 1px solid var(--color-border);
+ border-radius: 4px;
+ padding: 0.1rem 0.4rem;
+ font-size: 0.7rem;
+ color: var(--color-text-muted);
+ cursor: pointer;
+ margin-left: 0.1rem;
+}
+.btn-link-all:hover { border-color: var(--color-primary); color: var(--color-primary); }
+
.editor-area {
flex: 1;
overflow-y: auto;