fix: URL rewritings for publishing / preview

src/renderer/components/InsertModal/InsertModal.css

@@ -203,6 +203,13 @@
   justify-content: center;
 }
 
+.insert-modal-footer-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+}
+
 .insert-modal-hint {
   font-size: 11px;
   color: var(--color-text-muted, #888);
@@ -210,6 +217,12 @@
   letter-spacing: 0.5px;
 }
 
+.insert-modal-format-hint {
+  font-size: 11px;
+  color: var(--color-text-muted, #888);
+  font-family: 'Cascadia Code', 'Consolas', 'Courier New', monospace;
+}
+
 /* Scrollbar styling */
 .insert-modal-results::-webkit-scrollbar {
   width: 8px;

src/renderer/components/InsertModal/InsertModal.tsx

@@ -324,11 +324,20 @@ export const InsertModal: React.FC<InsertModalProps> = ({
         )}
 
         <div className="insert-modal-footer">
-          <span className="insert-modal-hint">
-            {activeTab === 'internal' 
-              ? 'Use ↑↓ to navigate, Enter to select, Esc to close'
-              : 'Enter URL and press Enter or click button, Esc to close'}
-          </span>
+          <div className="insert-modal-footer-content">
+            <span className="insert-modal-hint">
+              {activeTab === 'internal' 
+                ? 'Use ↑↓ to navigate, Enter to select, Esc to close'
+                : 'Enter URL and press Enter or click button, Esc to close'}
+            </span>
+            {activeTab === 'internal' && (
+              <span className="insert-modal-format-hint">
+                {mode === 'link'
+                  ? 'Canonical: /YYYY/MM/DD/slug'
+                  : 'Canonical: /media/YYYY/MM/file.ext'}
+              </span>
+            )}
+          </div>
         </div>
       </div>
     </div>