enya-agent 0.1.0

package/docs/themes/tanuki/sass/components/_print.scss

@@ -0,0 +1,237 @@
+// =============================================================================
+// Print Styles
+// =============================================================================
+
+@media print {
+  // Reset colors for print
+  :root {
+    --color-bg: #fff;
+    --color-bg-elevated: #fff;
+    --color-bg-surface: #f5f5f5;
+    --color-text: #000;
+    --color-text-secondary: #333;
+    --color-text-muted: #666;
+    --color-border: #ddd;
+    --color-accent: #8839ef;
+    --color-link: #1e66f5;
+  }
+
+  // Hide interactive elements
+  .header,
+  .sidebar,
+  .sidebar-toggle,
+  .sidebar-overlay,
+  .nav-buttons,
+  .theme-toggle,
+  .version-picker,
+  .print-button,
+  .copy-button,
+  .scroll-to-top,
+  .fab,
+  .menu-toggle,
+  .search-toggle,
+  .toc__toggle {
+    display: none !important;
+  }
+
+  // Reset layout
+  body {
+    font-size: 12pt;
+    line-height: 1.5;
+    color: #000;
+    background: #fff;
+  }
+
+  .main-content {
+    width: 100%;
+    max-width: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  // Typography adjustments
+  h1, h2, h3, h4, h5, h6 {
+    color: #000;
+    page-break-after: avoid;
+    break-after: avoid;
+  }
+
+  h1 { font-size: 24pt; }
+  h2 { font-size: 18pt; border-bottom: 1px solid #ddd; }
+  h3 { font-size: 14pt; }
+  h4 { font-size: 12pt; }
+
+  p, li, blockquote {
+    orphans: 3;
+    widows: 3;
+  }
+
+  // Links
+  a {
+    color: #1e66f5;
+    text-decoration: underline;
+
+    &[href^="http"]::after {
+      content: " (" attr(href) ")";
+      font-size: 0.8em;
+      color: #666;
+    }
+
+    &[href^="#"]::after {
+      content: "";
+    }
+  }
+
+  // Code blocks
+  pre {
+    background: #f5f5f5 !important;
+    border: 1px solid #ddd !important;
+    border-radius: 4px !important;
+    box-shadow: none !important;
+    page-break-inside: avoid;
+    break-inside: avoid;
+    overflow-wrap: break-word;
+    white-space: pre-wrap;
+
+    &::before,
+    &::after {
+      display: none !important;
+    }
+
+    code {
+      padding: 1rem !important;
+      font-size: 9pt;
+      color: #000;
+    }
+  }
+
+  // Inline code
+  code:not(pre code) {
+    background: #f0f0f0;
+    color: #000;
+    padding: 0.1em 0.3em;
+  }
+
+  // Blockquotes
+  blockquote {
+    border-left: 3px solid #8839ef;
+    background: #f9f9f9;
+    margin: 1em 0;
+    padding: 0.5em 1em;
+    font-style: italic;
+  }
+
+  // Tables
+  table {
+    border-collapse: collapse;
+    width: 100%;
+    page-break-inside: avoid;
+  }
+
+  th, td {
+    border: 1px solid #ddd;
+    padding: 0.5em;
+  }
+
+  th {
+    background: #f0f0f0;
+  }
+
+  // Images
+  img {
+    max-width: 100% !important;
+    page-break-inside: avoid;
+  }
+
+  // Page breaks
+  .page-break {
+    page-break-before: always;
+    break-before: page;
+  }
+
+  .no-break {
+    page-break-inside: avoid;
+    break-inside: avoid;
+  }
+
+  // Footer for print
+  @page {
+    margin: 2cm;
+  }
+
+  // Chapter headings get page breaks
+  .chapter > h1,
+  .chapter > h2 {
+    page-break-before: always;
+    break-before: page;
+  }
+
+  .chapter:first-of-type > h1,
+  .chapter:first-of-type > h2 {
+    page-break-before: auto;
+  }
+}
+
+// =============================================================================
+// Print-specific page (all content combined)
+// =============================================================================
+
+.print-page {
+  // This class is used when viewing the print-all page
+  padding: 2rem;
+  max-width: 800px;
+  margin: 0 auto;
+
+  .print-page__header {
+    text-align: center;
+    margin-bottom: 3rem;
+    padding-bottom: 2rem;
+    border-bottom: 2px solid var(--color-border);
+
+    h1 {
+      margin-bottom: 0.5rem;
+    }
+
+    .print-page__meta {
+      color: var(--color-text-muted);
+      font-size: var(--text-sm);
+    }
+  }
+
+  .print-page__toc {
+    margin-bottom: 3rem;
+    padding: 1.5rem;
+    background: var(--color-bg-elevated);
+    border-radius: 12px;
+
+    h2 {
+      margin-top: 0;
+      font-size: var(--text-lg);
+    }
+
+    ol {
+      counter-reset: toc;
+      list-style: none;
+      padding-left: 0;
+
+      li {
+        counter-increment: toc;
+
+        &::before {
+          content: counter(toc) ". ";
+          color: var(--color-text-muted);
+        }
+      }
+    }
+  }
+
+  .print-page__chapter {
+    margin-bottom: 3rem;
+    padding-bottom: 2rem;
+    border-bottom: 1px solid var(--color-border);
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+}

package/docs/themes/tanuki/sass/components/_search.scss

@@ -0,0 +1,224 @@
+// =============================================================================
+// Search Component
+// =============================================================================
+
+// Search toggle button (matches btn--icon btn--ghost)
+.search-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  padding: 0;
+  background: transparent;
+  color: var(--color-text-secondary);
+  border-radius: 10px;
+  transition: all 0.2s ease;
+
+  svg {
+    width: 20px;
+    height: 20px;
+  }
+
+  &:hover {
+    background: var(--color-bg-surface);
+    color: var(--color-text);
+  }
+}
+
+// Search overlay
+.search-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.7);
+  backdrop-filter: blur(8px);
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding: 10vh 1rem 1rem;
+  opacity: 0;
+  visibility: hidden;
+  transition: all 0.3s ease;
+  z-index: 1000;
+
+  &.open {
+    opacity: 1;
+    visibility: visible;
+  }
+}
+
+// Search container
+.search {
+  width: 100%;
+  max-width: 600px;
+  background: var(--color-bg-elevated);
+  border: 1px solid var(--color-border);
+  border-radius: 16px;
+  box-shadow: var(--shadow-lg);
+  overflow: hidden;
+  transform: translateY(-20px) scale(0.95);
+  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+
+  .search-overlay.open & {
+    transform: translateY(0) scale(1);
+  }
+}
+
+// Search input
+.search__input-wrapper {
+  display: flex;
+  align-items: center;
+  padding: 1rem 1.25rem;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.search__icon {
+  flex-shrink: 0;
+  margin-right: 0.75rem;
+  color: var(--color-text-muted);
+
+  svg {
+    width: 20px;
+    height: 20px;
+  }
+}
+
+.search__input {
+  flex: 1;
+  font-size: var(--text-base);
+  background: none;
+  border: none;
+  color: var(--color-text);
+  outline: none;
+
+  &::placeholder {
+    color: var(--color-text-muted);
+  }
+}
+
+.search__shortcut {
+  display: none;
+  padding: 0.25rem 0.5rem;
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+  color: var(--color-text-muted);
+  background: var(--color-bg-surface);
+  border: 1px solid var(--color-border);
+  border-radius: 4px;
+
+  @media (min-width: 768px) {
+    display: block;
+  }
+}
+
+.search__close {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  margin-left: 0.5rem;
+  color: var(--color-text-muted);
+  border-radius: 6px;
+  transition: all 0.2s ease;
+
+  svg {
+    width: 18px;
+    height: 18px;
+  }
+
+  &:hover {
+    background: var(--color-bg-surface);
+    color: var(--color-text);
+  }
+}
+
+// Search results
+.search__results {
+  max-height: 60vh;
+  overflow-y: auto;
+}
+
+.search__result {
+  display: block;
+  padding: 1rem 1.25rem;
+  color: var(--color-text);
+  transition: background 0.15s ease;
+
+  &:hover {
+    background: var(--color-bg-surface);
+    text-decoration: none;
+  }
+
+  &.selected {
+    background: rgba(203, 166, 247, 0.1);
+  }
+}
+
+.search__result-title {
+  font-weight: var(--font-medium);
+  margin-bottom: 0.25rem;
+
+  mark {
+    background: rgba(249, 226, 175, 0.4);
+    color: inherit;
+    padding: 0 0.15em;
+    border-radius: 2px;
+  }
+}
+
+.search__result-path {
+  font-size: var(--text-sm);
+  color: var(--color-text-muted);
+}
+
+.search__result-preview {
+  font-size: var(--text-sm);
+  color: var(--color-text-secondary);
+  margin-top: 0.5rem;
+  line-height: var(--leading-relaxed);
+
+  mark {
+    background: rgba(249, 226, 175, 0.3);
+    color: inherit;
+    padding: 0 0.1em;
+    border-radius: 2px;
+  }
+}
+
+// No results
+.search__no-results {
+  padding: 2rem 1.25rem;
+  text-align: center;
+  color: var(--color-text-muted);
+}
+
+// Footer hints
+.search__footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.75rem 1.25rem;
+  border-top: 1px solid var(--color-border);
+  font-size: var(--text-xs);
+  color: var(--color-text-muted);
+}
+
+.search__hints {
+  display: flex;
+  gap: 1rem;
+}
+
+.search__hint {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+
+  kbd {
+    padding: 0.15rem 0.4rem;
+    font-size: 0.65rem;
+    background: var(--color-bg-surface);
+    border: 1px solid var(--color-border);
+    border-radius: 3px;
+  }
+}