npm - @recallkit/web - Versions diffs - 0.1.1 - Mend

@recallkit/web 0.1.1

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.

Files changed (64) hide show

package/next-env.d.ts +6 -0
package/next.config.ts +13 -0
package/package.json +40 -0
package/public/logo.png +0 -0
package/public/textures/bg-scene.png +0 -0
package/src/app/api/_lib/guards.ts +35 -0
package/src/app/api/_lib/limits.ts +6 -0
package/src/app/api/_lib/responses.ts +9 -0
package/src/app/api/commit/complete/route.ts +112 -0
package/src/app/api/commit/preview/route.ts +71 -0
package/src/app/api/commit/route.ts +16 -0
package/src/app/api/memory-cache/route.ts +50 -0
package/src/app/api/pending/[id]/delete/route.ts +21 -0
package/src/app/api/pending/[id]/route.ts +47 -0
package/src/app/api/pending/route.ts +41 -0
package/src/app/api/security.ts +25 -0
package/src/app/api/status/route.ts +35 -0
package/src/app/dashboard/page.tsx +57 -0
package/src/app/drafts/page.tsx +5 -0
package/src/app/globals.css +10 -0
package/src/app/icon.png +0 -0
package/src/app/layout.tsx +43 -0
package/src/app/page.tsx +132 -0
package/src/app/settings/page.tsx +76 -0
package/src/components/ArrowRightIcon.tsx +25 -0
package/src/components/CommitPreview.tsx +156 -0
package/src/components/CopyValue.tsx +49 -0
package/src/components/MemoryInbox.tsx +74 -0
package/src/components/RetrievedMemories.tsx +36 -0
package/src/components/TopNav.tsx +39 -0
package/src/components/WalletConnectButton.tsx +68 -0
package/src/components/inbox/EmptyInbox.tsx +20 -0
package/src/components/inbox/InboxStats.tsx +41 -0
package/src/components/inbox/MemoryCandidateList.tsx +90 -0
package/src/components/inbox/MemoryCandidateRow.tsx +195 -0
package/src/components/memory-cache/CachedMemoryList.tsx +47 -0
package/src/components/memory-cache/EmptyCache.tsx +13 -0
package/src/hooks/useCommitFlow.ts +55 -0
package/src/hooks/useMemoryCache.ts +44 -0
package/src/hooks/usePendingMemories.ts +137 -0
package/src/hooks/useWallet.ts +69 -0
package/src/lib/api.ts +71 -0
package/src/lib/wallet.ts +88 -0
package/src/services/commitMemories.ts +153 -0
package/src/services/signerApi.ts +67 -0
package/src/services/types.ts +22 -0
package/src/stores/appStore.ts +18 -0
package/src/stores/createStore.ts +41 -0
package/src/stores/slices/memoryCacheSlice.ts +29 -0
package/src/stores/slices/pendingMemorySlice.ts +21 -0
package/src/stores/slices/walletSlice.ts +24 -0
package/src/styles/base.css +61 -0
package/src/styles/buttons.css +53 -0
package/src/styles/data-display.css +485 -0
package/src/styles/forms.css +86 -0
package/src/styles/landing.css +75 -0
package/src/styles/layout.css +111 -0
package/src/styles/navigation.css +121 -0
package/src/styles/overlays.css +65 -0
package/src/styles/tokens.css +26 -0
package/src/styles/utilities.css +358 -0
package/src/utils/errors.ts +5 -0
package/src/utils/format.ts +37 -0
package/tsconfig.json +44 -0

package/src/styles/buttons.css ADDED Viewed

@@ -0,0 +1,53 @@
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 10px 16px;
+  border-radius: 7px;
+  font-size: 13.5px;
+  font-weight: 500;
+  font-family: var(--font-sans), Inter, sans-serif;
+  border: 1px solid transparent;
+  background: transparent;
+  color: var(--text);
+  cursor: pointer;
+  text-decoration: none;
+  transition: background 0.12s ease, border-color 0.12s ease, color 0.15s ease;
+}
+.btn:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.btn--primary {
+  background: var(--accent);
+  color: #0a0a0a;
+  border-color: var(--accent);
+}
+.btn--primary:hover:not(:disabled) {
+  background: var(--accent-hover);
+  border-color: var(--accent-hover);
+}
+.btn--ghost {
+  background: transparent;
+  color: var(--text);
+  border-color: var(--border-hover);
+}
+.btn--ghost:hover:not(:disabled) {
+  border-color: var(--text-dim);
+  color: var(--ink);
+}
+.btn--sm {
+  padding: 6px 12px;
+  font-size: 12px;
+}
+.btn--icon {
+  padding: 8px;
+}

package/src/styles/data-display.css ADDED Viewed

@@ -0,0 +1,485 @@
+.tile {
+  border: 1px solid var(--border-strong);
+  border-radius: 10px;
+  padding: 22px 24px;
+  background: rgba(30, 30, 30, 0.5);
+  backdrop-filter: blur(2px);
+}
+.tile__label {
+  font-size: 12px;
+  color: var(--text-dim);
+  margin-bottom: 6px;
+  font-family: var(--font-mono), ui-monospace, monospace;
+  letter-spacing: 0.04em;
+}
+.tile__value {
+  font-family: var(--font-display), var(--font-sans), sans-serif;
+  font-size: 28px;
+  font-weight: 500;
+  color: var(--ink);
+  line-height: 1;
+}
+.tile__value--accent {
+  color: var(--accent);
+}
+.tile__value--mono {
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 15px;
+  padding-top: 4px;
+}
+.tile__meta {
+  font-size: 13px;
+  color: var(--text-dim);
+  margin-top: 10px;
+}
+.stat-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  border: 1px solid var(--border-strong);
+  border-radius: 10px;
+  overflow: hidden;
+  margin-bottom: 28px;
+  background: rgba(30, 30, 30, 0.5);
+  backdrop-filter: blur(2px);
+}
+.stat-grid__cell {
+  padding: 18px 20px;
+  border-right: 1px solid var(--border-strong);
+}
+.stat-grid__cell:last-child {
+  border-right: none;
+}
+.stat-grid__label {
+  font-size: 12px;
+  color: var(--text-dim);
+  margin-bottom: 6px;
+}
+.stat-grid__value {
+  font-family: var(--font-display), var(--font-sans), sans-serif;
+  font-size: 24px;
+  font-weight: 500;
+  color: var(--ink);
+  line-height: 1;
+}
+.stat-grid__value--accent {
+  color: var(--accent);
+}
+.stat-grid__value--mono {
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 14px;
+  padding-top: 4px;
+}
+.list {
+  border: 1px solid var(--border-strong);
+  border-radius: 10px;
+  overflow: hidden;
+  background: rgba(30, 30, 30, 0.5);
+  backdrop-filter: blur(2px);
+}
+.list__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 20px;
+  border-bottom: 1px solid var(--border-strong);
+  background: rgba(34, 34, 34, 0.7);
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 11px;
+  color: var(--text-dim);
+  letter-spacing: 0.04em;
+}
+.list__row {
+  display: grid;
+  grid-template-columns: 18px 1fr auto;
+  gap: 18px;
+  padding: 18px 20px;
+  border-bottom: 1px solid var(--border);
+  transition: background 0.12s ease;
+}
+.list__row:last-child {
+  border-bottom: none;
+}
+.list__row:hover {
+  background: rgba(34, 34, 34, 0.6);
+}
+.list__row.is-selected {
+  background: rgba(28, 36, 32, 0.75);
+}
+.list__row--simple {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+/* ------ Memory drafts ------ */
+.candidate-list {
+  display: grid;
+  gap: 14px;
+}
+.candidate-list__toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 4px 2px;
+  color: var(--text-dim);
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 11px;
+  letter-spacing: 0.04em;
+}
+.candidate-list__select-all {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  cursor: pointer;
+  color: var(--text-muted);
+  text-transform: none;
+}
+.candidate-list__select-all .check {
+  margin-top: 0;
+}
+.candidate-list__sort {
+  color: var(--text-faint);
+}
+.candidate-list__items {
+  display: grid;
+  gap: 10px;
+}
+.candidate {
+  display: grid;
+  grid-template-columns: 22px minmax(0, 1fr);
+  gap: 14px;
+  padding: 16px 18px;
+  border: 1px solid var(--border-strong);
+  border-radius: 12px;
+  background: rgba(32, 32, 32, 0.55);
+  transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
+}
+.candidate:hover {
+  border-color: var(--border-hover);
+  background: rgba(40, 40, 40, 0.75);
+}
+.candidate.is-selected {
+  border-color: rgba(110, 231, 183, 0.42);
+  background: linear-gradient(180deg, rgba(110, 231, 183, 0.06), transparent 60%),
+    rgba(34, 44, 38, 0.85);
+}
+.candidate__gutter {
+  padding-top: 2px;
+}
+.candidate__body {
+  display: grid;
+  gap: 12px;
+  min-width: 0;
+}
+.candidate__head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  min-width: 0;
+}
+.candidate__tags {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+.candidate__attribution {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  flex: none;
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 11px;
+  color: var(--text-dim);
+  white-space: nowrap;
+}
+.candidate__agent {
+  position: relative;
+  padding-right: 9px;
+}
+.candidate__agent::after {
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 50%;
+  width: 1px;
+  height: 10px;
+  margin-top: -5px;
+  background: var(--border-strong);
+}
+.candidate__time {
+  color: var(--text-faint);
+}
+.kind-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 3px 9px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid var(--border-strong);
+  color: var(--text);
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 11px;
+  letter-spacing: 0.01em;
+  text-transform: lowercase;
+}
+.kind-pill__dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 999px;
+  background: var(--text-muted);
+}
+.kind-pill--preference .kind-pill__dot,
+.kind-pill--style .kind-pill__dot {
+  background: #6ee7b7;
+}
+.kind-pill--decision .kind-pill__dot {
+  background: #93c5fd;
+}
+.kind-pill--constraint .kind-pill__dot,
+.kind-pill--warning .kind-pill__dot {
+  background: #fbbf24;
+}
+.kind-pill--instruction .kind-pill__dot {
+  background: #c4b5fd;
+}
+.kind-pill--project .kind-pill__dot,
+.kind-pill--task_context .kind-pill__dot {
+  background: #67e8f9;
+}
+.kind-pill--relationship .kind-pill__dot {
+  background: #f9a8d4;
+}
+.kind-pill--fact .kind-pill__dot {
+  background: var(--text-muted);
+}
+.scope-chip,
+.tag-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 3px 8px;
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid var(--border);
+  color: var(--text-muted);
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 10.5px;
+  letter-spacing: 0.02em;
+}
+.tag-chip {
+  color: var(--text-dim);
+}
+.tag-chip--muted {
+  color: var(--text-faint);
+  background: transparent;
+}
+.candidate-scope {
+  display: grid;
+  gap: 8px;
+  padding: 10px 12px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.018);
+}
+.candidate-scope__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+.candidate-scope__value {
+  color: var(--text-muted);
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 11px;
+}
+.scope-segment {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 4px;
+}
+.scope-segment__button {
+  min-height: 30px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.025);
+  color: var(--text-dim);
+  font: 600 11px var(--font-mono), ui-monospace, monospace;
+  cursor: pointer;
+}
+.scope-segment__button:hover {
+  border-color: var(--border-hover);
+  color: var(--text);
+}
+.scope-segment__button.is-active {
+  border-color: rgba(110, 231, 183, 0.5);
+  background: rgba(110, 231, 183, 0.09);
+  color: var(--text);
+}
+.candidate-scope__project {
+  display: grid;
+  grid-template-columns: 70px minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+  color: var(--text-dim);
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 11px;
+}
+.candidate-scope__project input {
+  width: 100%;
+  min-width: 0;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: rgba(0, 0, 0, 0.2);
+  color: var(--text);
+  padding: 7px 9px;
+  font: 500 12px var(--font-mono), ui-monospace, monospace;
+}
+.candidate-scope__reason {
+  margin: 0;
+  color: var(--text-muted);
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 12px;
+  line-height: 1.45;
+}
+.candidate__reason {
+  display: grid;
+  gap: 4px;
+  padding: 10px 12px;
+  border-left: 2px solid var(--border-hover);
+  background: rgba(255, 255, 255, 0.015);
+  border-radius: 0 8px 8px 0;
+}
+.candidate__reason-label {
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 10px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--text-faint);
+}
+.candidate__reason p {
+  margin: 0;
+  font-size: 12.5px;
+  line-height: 1.5;
+  color: var(--text-muted);
+  font-family: var(--font-mono), ui-monospace, monospace;
+}
+.candidate__foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+  padding-top: 4px;
+}
+.candidate__scores {
+  display: grid;
+  gap: 6px;
+  min-width: 0;
+  flex: 1 1 240px;
+}
+.score {
+  display: grid;
+  grid-template-columns: 78px 1fr 32px;
+  align-items: center;
+  gap: 10px;
+  font-size: 11px;
+  font-family: var(--font-mono), ui-monospace, monospace;
+}
+.score__label {
+  color: var(--text-dim);
+  letter-spacing: 0.02em;
+}
+.score__value {
+  color: var(--text-muted);
+  text-align: right;
+}
+.score .bar {
+  width: 100%;
+  height: 5px;
+  border-radius: 3px;
+}
+.score .bar__fill {
+  border-radius: 3px;
+}
+.candidate__actions {
+  display: inline-flex;
+  gap: 6px;
+}
+.candidate__actions .row-action {
+  opacity: 1;
+}

package/src/styles/forms.css ADDED Viewed

@@ -0,0 +1,86 @@
+.check {
+  width: 16px;
+  height: 16px;
+  border-radius: 4px;
+  border: 1px solid var(--border-hover);
+  background: transparent;
+  margin-top: 2px;
+  cursor: pointer;
+  display: grid;
+  place-items: center;
+  appearance: none;
+  flex-shrink: 0;
+  transition: background 0.12s ease, border-color 0.12s ease;
+}
+.check:hover {
+  border-color: var(--text-dim);
+}
+.check:checked {
+  background: var(--accent);
+  border-color: var(--accent);
+}
+.check:checked::after {
+  content: "";
+  width: 8px;
+  height: 4px;
+  border-left: 1.5px solid #0a0a0a;
+  border-bottom: 1.5px solid #0a0a0a;
+  transform: rotate(-45deg) translate(1px, -1px);
+}
+.candidate-text {
+  display: block;
+  width: 100%;
+  min-height: 60px;
+  background: transparent;
+  border: 1px dashed var(--border-strong);
+  border-radius: 8px;
+  padding: 10px 12px;
+  color: var(--ink);
+  font-family: var(--font-sans), Inter, sans-serif;
+  font-size: 14.5px;
+  line-height: 1.55;
+  resize: vertical;
+  transition: border-color 0.15s ease;
+}
+.candidate-text:hover {
+  border-color: var(--text-dim);
+}
+.candidate-text:focus {
+  border-color: var(--accent);
+  border-style: solid;
+  outline: none;
+}
+.field-v2 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 16px;
+}
+.field-v2__label {
+  font-size: 13px;
+  color: var(--text-muted);
+}
+.field-v2__input {
+  height: 40px;
+  border: 1px solid var(--border-hover);
+  border-radius: 7px;
+  padding: 0 12px;
+  background: var(--bg);
+  color: var(--ink);
+  font-family: var(--font-sans), Inter, sans-serif;
+  font-size: 13.5px;
+}
+.field-v2__input:focus {
+  outline: none;
+  border-color: var(--accent);
+}

package/src/styles/landing.css ADDED Viewed

@@ -0,0 +1,75 @@
+.terminal-cmd {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 12px 14px 12px 16px;
+  border: 1px solid var(--border-strong);
+  border-radius: 8px;
+  background: rgba(30, 30, 30, 0.7);
+  backdrop-filter: blur(2px);
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 13px;
+  color: var(--text);
+  width: fit-content;
+  max-width: 100%;
+}
+.terminal-cmd__main {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+.terminal-cmd code {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.terminal-cmd__prompt {
+  color: var(--text-faint);
+}
+.copy-value--terminal {
+  flex: 0 0 auto;
+  width: 28px;
+  min-height: 24px;
+  padding: 0 0 0 10px;
+  border-left: 1px solid var(--border-strong);
+  color: var(--text-dim);
+  justify-content: flex-end;
+}
+.copy-value--terminal .copy-value__icon {
+  display: grid;
+  place-items: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 5px;
+  transition: background 0.12s ease, color 0.15s ease;
+}
+.copy-value--terminal:hover .copy-value__icon {
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--ink);
+}
+.copy-value--terminal.copy-value--copied .copy-value__icon {
+  background: var(--accent-soft);
+  color: var(--accent);
+}
+.copy-value--terminal .copy-value__text {
+  color: var(--text-muted);
+  font-family: var(--font-sans), Inter, sans-serif;
+  font-size: 10.5px;
+  line-height: 1;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.copy-value--terminal:hover .copy-value__text,
+.copy-value--terminal.copy-value--copied .copy-value__text {
+  color: var(--accent);
+}