@semiont/react-ui 0.5.27 → 0.5.28

package/dist/index.css

@@ -1857,6 +1857,33 @@
 .semiont-assist-progress__subject {
   font-variant-numeric: tabular-nums;
 }
+.semiont-assist-progress__outcome {
+  align-self: stretch;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid var(--semiont-color-primary-300);
+  border-radius: 0.5rem;
+  background: var(--semiont-color-primary-50);
+  cursor: pointer;
+  font-size: var(--semiont-text-sm);
+  font-weight: var(--semiont-font-medium);
+  color: var(--semiont-color-primary-700);
+  text-align: left;
+}
+.semiont-assist-progress__outcome:hover {
+  border-color: var(--semiont-color-primary-400);
+  background: var(--semiont-color-primary-100);
+  color: var(--semiont-color-primary-800);
+}
+[data-theme=dark] .semiont-assist-progress__outcome {
+  border-color: var(--semiont-color-primary-700);
+  background: var(--semiont-color-primary-900);
+  color: var(--semiont-color-primary-300);
+}
+[data-theme=dark] .semiont-assist-progress__outcome:hover {
+  border-color: var(--semiont-color-primary-600);
+  background: var(--semiont-color-primary-800);
+  color: var(--semiont-color-primary-200);
+}
 .semiont-assist-progress__params {
   display: flex;
   flex-wrap: wrap;
@@ -3163,9 +3190,6 @@
   position: relative;
   z-index: 1000;
 }
-.semiont-search-modal--resource {
-  z-index: 1001;
-}
 .semiont-search-modal__backdrop {
   position: fixed;
   inset: 0;
@@ -3441,9 +3465,6 @@
 [data-theme=dark] .semiont-search-modal__close-button:focus-visible {
   outline-color: var(--semiont-color-primary-400);
 }
-.semiont-search-modal__search-form {
-  margin-bottom: 1rem;
-}
 .semiont-search-modal__search-input {
   width: 100%;
   padding: 0.5rem 0.75rem;
@@ -3463,60 +3484,11 @@
 [data-theme=dark] .semiont-search-modal__search-input:focus-visible {
   outline-color: var(--semiont-color-primary-400);
 }
-.semiont-search-modal__resource-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.semiont-search-modal__resource-item {
-  padding: 0.75rem;
-  border: 1px solid var(--semiont-color-gray-200);
-  border-radius: 0.5rem;
-  cursor: pointer;
-  transition: background-color 0.2s;
-}
-.semiont-search-modal__resource-item:hover {
-  background-color: var(--semiont-color-gray-50);
-}
-[data-theme=dark] .semiont-search-modal__resource-item {
-  border-color: var(--semiont-color-gray-700);
-}
-[data-theme=dark] .semiont-search-modal__resource-item:hover {
-  background-color: rgba(55, 65, 81, 0.5);
-}
-.semiont-search-modal__resource-name {
-  font-weight: 500;
-  color: var(--semiont-color-gray-900);
-  margin-bottom: 0.25rem;
-}
-[data-theme=dark] .semiont-search-modal__resource-name {
-  color: var(--semiont-color-white);
-}
-.semiont-search-modal__resource-description {
-  font-size: 0.875rem;
-  color: var(--semiont-color-gray-600);
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-[data-theme=dark] .semiont-search-modal__resource-description {
-  color: var(--semiont-color-gray-400);
-}
-.semiont-search-modal__resource-media-type {
-  font-size: 0.875rem;
-  font-style: italic;
-  color: var(--semiont-color-gray-500);
-}
-[data-theme=dark] .semiont-search-modal__resource-media-type {
-  color: var(--semiont-color-gray-500);
-}
 .semiont-search-modal__panel--wide {
   max-width: 1100px;
 }
 .semiont-search-modal__panel--gather {
-  max-width: min(90vw, 820px);
-  max-height: min(90vh, 680px);
+  max-height: min(92vh, 860px);
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -3538,6 +3510,41 @@
   flex: 1;
   padding: 2rem 0;
 }
+.semiont-gather__skeleton {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  flex: 1;
+}
+.semiont-gather__skeleton-source {
+  font-size: var(--semiont-text-sm);
+  color: var(--semiont-text-secondary);
+}
+.semiont-gather__skeleton-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+.semiont-gather__skeleton-exact {
+  font-weight: var(--semiont-font-medium);
+  color: var(--semiont-text-primary);
+}
+.semiont-gather__skeleton-panes {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1.5rem;
+}
+.semiont-gather__skeleton-pane {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.semiont-gather__skeleton-dots {
+  display: flex;
+  gap: 0.375rem;
+  padding: 0.375rem 0;
+}
 .semiont-gather__loading-text {
   font-size: 1.125rem;
   color: var(--semiont-text-secondary);
@@ -3577,6 +3584,183 @@
   flex-shrink: 0;
   padding-top: 0.25rem;
 }
+.semiont-gather-pane {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  min-height: 0;
+  overflow-y: auto;
+}
+.semiont-gather-pane__title {
+  font-size: var(--semiont-text-xs);
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--semiont-text-tertiary);
+}
+.semiont-gather-pane__summary {
+  margin: 0;
+  font-size: var(--semiont-text-sm);
+  color: var(--semiont-text-primary);
+}
+.semiont-gather-pane__empty {
+  margin: 0;
+  font-size: var(--semiont-text-sm);
+  font-style: italic;
+  color: var(--semiont-text-secondary);
+}
+.semiont-corpus__list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.semiont-corpus__card {
+  padding: 0.375rem 0.5rem;
+  border: 1px solid var(--semiont-border-primary);
+  border-radius: 0.375rem;
+}
+.semiont-corpus__card-head {
+  display: flex;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: 0.375rem;
+}
+.semiont-corpus__source {
+  font-size: var(--semiont-text-sm);
+  font-weight: 500;
+  color: var(--semiont-text-primary);
+}
+.semiont-corpus__score {
+  margin-left: auto;
+  font-size: var(--semiont-text-xs);
+  font-variant-numeric: tabular-nums;
+  color: var(--semiont-text-tertiary);
+}
+.semiont-corpus__snippet {
+  margin: 0.25rem 0 0;
+  font-size: var(--semiont-text-xs);
+  color: var(--semiont-text-secondary);
+}
+.semiont-corpus__receipt {
+  margin: 0;
+  font-size: var(--semiont-text-xs);
+  font-style: italic;
+  color: var(--semiont-text-tertiary);
+}
+.semiont-graph {
+  width: 100%;
+  height: auto;
+  flex-shrink: 0;
+}
+.semiont-graph__node rect {
+  fill: var(--semiont-bg-secondary);
+  stroke: var(--semiont-border-primary);
+  stroke-width: 1;
+}
+.semiont-graph__node text {
+  font-size: 11px;
+  fill: var(--semiont-text-primary);
+}
+.semiont-graph__node--focal rect {
+  fill: var(--semiont-color-primary-100);
+  stroke: var(--semiont-color-primary-600);
+  stroke-width: 2;
+}
+.semiont-graph__node--annotation rect {
+  fill: var(--semiont-bg-primary);
+  stroke-dasharray: 4 3;
+}
+.semiont-graph__edge line {
+  stroke: var(--semiont-border-primary);
+  stroke-width: 1.5;
+}
+.semiont-graph__edge--cites line {
+  stroke: var(--semiont-color-primary-600);
+}
+.semiont-graph__edge--annotation-of line {
+  stroke-dasharray: 4 3;
+}
+[data-theme=dark] .semiont-graph__node--focal rect {
+  fill: var(--semiont-color-primary-900);
+  stroke: var(--semiont-color-primary-400);
+}
+[data-theme=dark] .semiont-graph__edge--cites line {
+  stroke: var(--semiont-color-primary-400);
+}
+.semiont-form__recall-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.375rem;
+}
+.semiont-form__recall-chip {
+  padding: 0.25rem 0.75rem;
+  border-radius: var(--semiont-radius-full);
+  font-size: var(--semiont-text-sm);
+  cursor: pointer;
+  border: 1px solid transparent;
+  background: var(--semiont-color-primary-100);
+  color: var(--semiont-color-primary-700);
+}
+[data-theme=dark] .semiont-form__recall-chip {
+  background: var(--semiont-color-primary-900);
+  color: var(--semiont-color-primary-300);
+}
+.semiont-form__recall-chip[data-included=false] {
+  background: none;
+  border-color: var(--semiont-border-primary);
+  color: var(--semiont-text-tertiary);
+  text-decoration: line-through;
+}
+.semiont-form__recall-chip:hover {
+  opacity: 0.85;
+}
+.semiont-form__recall-chip:focus-visible {
+  outline: 2px solid var(--semiont-color-primary-500);
+  outline-offset: 1px;
+}
+.semiont-gather-receipt {
+  display: block;
+  width: 100%;
+  flex-shrink: 0;
+  text-align: left;
+  padding: 0.5rem 0.75rem;
+  font-size: var(--semiont-text-sm);
+  color: var(--semiont-text-secondary);
+  background: none;
+  border: 1px dashed var(--semiont-border-primary);
+  border-radius: 0.375rem;
+  cursor: pointer;
+}
+.semiont-gather-receipt:hover {
+  color: var(--semiont-text-primary);
+  border-color: var(--semiont-color-primary-600);
+}
+.semiont-gather__hint-row {
+  flex-shrink: 0;
+  padding-top: 0.5rem;
+}
+.semiont-gather__hint-effect {
+  font-weight: 400;
+  color: var(--semiont-text-tertiary);
+}
+.semiont-wizard__hint-echo {
+  margin: 0 0 0.5rem;
+  font-size: var(--semiont-text-xs);
+  font-style: italic;
+  color: var(--semiont-text-secondary);
+}
+.semiont-gather__suggested {
+  margin: 0.5rem 0 0;
+  padding-left: 1.25rem;
+  font-size: var(--semiont-text-xs);
+  color: var(--semiont-text-secondary);
+}
+.semiont-gather__suggested li {
+  margin-bottom: 0.25rem;
+}
 .semiont-gather__body {
   display: flex;
   flex: 1;
@@ -3631,6 +3815,19 @@
   color: var(--semiont-text-tertiary);
   margin-bottom: 0.5rem;
 }
+.semiont-gather__footer--echo {
+  display: flex;
+  align-items: baseline;
+  gap: 0.75rem;
+}
+.semiont-gather__footer--echo .semiont-gather__footer-label {
+  margin-bottom: 0;
+}
+.semiont-gather__chosen-strategy {
+  font-size: var(--semiont-text-sm);
+  font-weight: var(--semiont-font-semibold);
+  color: var(--semiont-text-primary);
+}
 .semiont-gather__actions {
   display: flex;
   flex-flow: row nowrap;
@@ -3718,34 +3915,42 @@
     flex-flow: row wrap;
   }
 }
-.semiont-search-results__two-pane {
+.semiont-wizard__discard-prompt {
   display: flex;
-  gap: 1.5rem;
+  align-items: center;
+  gap: 0.75rem;
+  margin-bottom: 0.75rem;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid var(--semiont-color-red-600);
+  border-radius: var(--semiont-radius-md);
 }
-.semiont-search-results__context-pane {
-  flex: 0 0 340px;
-  max-height: 500px;
-  overflow-y: auto;
+.semiont-wizard__discard-prompt-text {
+  flex: 1;
+  font-weight: var(--semiont-font-semibold);
 }
-.semiont-search-results__results-pane {
+.semiont-wizard__step-scroll {
   flex: 1;
-  max-height: 500px;
+  min-height: 0;
   overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+.semiont-wizard__step-scroll .semiont-gather__outer,
+.semiont-wizard__step-scroll .semiont-gather__body {
+  flex: none;
+  min-height: auto;
+  overflow: visible;
+}
+.semiont-wizard__step-scroll .semiont-gather__left,
+.semiont-wizard__step-scroll .semiont-gather__right,
+.semiont-wizard__step-scroll .semiont-gather-pane {
+  min-height: auto;
+  overflow-y: visible;
 }
 @media (max-width: 640px) {
   .semiont-search-modal__panel--wide {
     max-width: 100%;
   }
-  .semiont-search-results__two-pane {
-    flex-direction: column;
-  }
-  .semiont-search-results__context-pane {
-    flex: none;
-    max-height: 200px;
-  }
-  .semiont-search-results__results-pane {
-    max-height: 350px;
-  }
 }
 
 /* src/components/layout/SkipLinks.css */