@carlesandres/house 0.4.7 → 0.4.8

package/src/theme/resolve.ts

@@ -82,7 +82,7 @@ const HARD_FALLBACK: Readonly<Record<TokenName, HexColor>> = Object.fromEntries(
  * the theme omits them. Mirrors opencode's resolve behavior.
  */
 const TOKEN_FALLBACK: Partial<Record<TokenName, TokenName>> = {
-	selectedListItemText: "background",
+	selectedListItemText: "text",
 	markdownText: "text",
 	markdownCodeBlock: "text",
 	borderSubtle: "border",

package/src/theme/themes/aura.json

@@ -25,7 +25,7 @@
 		"textMuted": "darkFgMuted",
 		"background": "darkBg",
 		"backgroundPanel": "darkBgPanel",
-		"backgroundElement": "darkBgPanel",
+		"backgroundElement": "darkBorder",
 		"border": "darkBorder",
 		"borderActive": "darkFgMuted",
 		"borderSubtle": "darkBorder",

package/src/theme/themes/carbonfox.json

@@ -89,7 +89,7 @@
 		},
 		"backgroundElement": {
 			"dark": "bg2",
-			"light": "lbg1"
+			"light": "lbg2"
 		},
 		"border": {
 			"dark": "bg4",

package/src/theme/themes/lucent-orng.json

@@ -61,8 +61,8 @@
 			"light": "lightStep11"
 		},
 		"selectedListItemText": {
-			"dark": "#0a0a0a",
-			"light": "#ffffff"
+			"dark": "darkStep12",
+			"light": "lightStep12"
 		},
 		"background": {
 			"dark": "transparent",
@@ -73,8 +73,8 @@
 			"light": "transparent"
 		},
 		"backgroundElement": {
-			"dark": "transparent",
-			"light": "transparent"
+			"dark": "darkStep6",
+			"light": "lightStep6"
 		},
 		"border": {
 			"dark": "darkOrange",

package/src/theme/themes/nightowl.json

@@ -61,8 +61,8 @@
 			"light": "nightOwlPanel"
 		},
 		"backgroundElement": {
-			"dark": "nightOwlPanel",
-			"light": "nightOwlPanel"
+			"dark": "nightOwlGray",
+			"light": "nightOwlGray"
 		},
 		"border": {
 			"dark": "nightOwlMuted",

package/src/theme/themes/orng.json

@@ -77,8 +77,8 @@
 			"light": "lightStep11"
 		},
 		"selectedListItemText": {
-			"dark": "#0a0a0a",
-			"light": "#ffffff"
+			"dark": "darkStep12",
+			"light": "lightStep12"
 		},
 		"background": {
 			"dark": "darkStep1",

package/src/theme/themes/solarized.json

@@ -54,6 +54,10 @@
 			"dark": "base01",
 			"light": "base1"
 		},
+		"selectedListItemText": {
+			"dark": "base3",
+			"light": "base03"
+		},
 		"background": {
 			"dark": "base03",
 			"light": "base3"
@@ -63,8 +67,8 @@
 			"light": "base2"
 		},
 		"backgroundElement": {
-			"dark": "#073642",
-			"light": "#eee8d5"
+			"dark": "base01",
+			"light": "base1"
 		},
 		"border": {
 			"dark": "base02",

package/src/theme/themes/vesper.json

@@ -54,11 +54,11 @@
 			"light": "#FFF"
 		},
 		"backgroundPanel": {
-			"dark": "vesperBg",
+			"dark": "#151515",
 			"light": "#F0F0F0"
 		},
 		"backgroundElement": {
-			"dark": "vesperBg",
+			"dark": "#282828",
 			"light": "#E0E0E0"
 		},
 		"border": {

package/src/tips.ts

@@ -55,11 +55,6 @@ const tipDefinitions: readonly TipDefinition[] = [
 		render: ({ key }) =>
 			`Press ${key ?? "s"} to hide or show the sidebar without losing your place.`,
 	},
-	{
-		id: "help.open",
-		bindingId: "help.toggle",
-		render: ({ key }) => `Press ${key ?? "?"} to open the full keyboard help at any time.`,
-	},
 ]
 
 const firstKeyByBindingId = <C>(bindings: readonly KeyBinding<C>[]): ReadonlyMap<string, string> =>

package/src/update/check.ts

@@ -15,7 +15,7 @@
 import { isNewer } from "./compare.ts"
 import { readCache, writeCache, type UpdateCacheRecord } from "./cache.ts"
 
-export const TTL_MS = 24 * 60 * 60 * 1000
+export const TTL_MS = 60 * 60 * 1000
 const FETCH_TIMEOUT_MS = 3000
 const REGISTRY_URL = (pkgName: string) => `https://registry.npmjs.org/${pkgName}/latest`
 

package/src/update/runtime.ts

@@ -3,7 +3,7 @@
  *
  * The probe runs at most once per process. The result lands in a module
  * variable so:
- *  - any UI surface (DiscoverShell, App) can subscribe and re-render when
+ *  - any UI surface can subscribe and re-render when
  *    it resolves, without each one issuing its own request;
  *  - the `process.on("exit")` hook can synchronously read the result and
  *    print the quit-time notice (async work can't run during 'exit').

package/src/HelpOverlay.tsx

@@ -1,148 +0,0 @@
-/**
- * HelpOverlay — modal panel listing the keymap.
- *
- * Renders absolute-positioned over the rest of the UI. Iterates the
- * KeyBinding[] array directly; there is no separate hand-written list of
- * keys — the dispatcher and the help text are the same source of truth.
- */
-
-import { RGBA } from "@opentui/core"
-import type { KeyBinding } from "./keymap/keymap.ts"
-import { colors } from "./theme/colors.ts"
-
-// See CommandPalette.tsx for the scrim rationale.
-const SCRIM = RGBA.fromInts(0, 0, 0, 150)
-
-export interface HelpOverlayProps<C> {
-	readonly bindings: readonly KeyBinding<C>[]
-	readonly viewportWidth: number
-	readonly viewportHeight: number
-}
-
-const formatKeys = (keys: readonly string[]): string => keys.join(", ")
-
-interface Row {
-	readonly key: string
-	readonly text: string
-	readonly kind: "header" | "binding" | "spacer" | "footer"
-}
-
-const buildRows = <C,>(bindings: readonly KeyBinding<C>[]): Row[] => {
-	const order: string[] = []
-	const grouped = new Map<string, KeyBinding<C>[]>()
-	for (const b of bindings) {
-		if (!b.group) continue
-		if (!grouped.has(b.group)) {
-			grouped.set(b.group, [])
-			order.push(b.group)
-		}
-		grouped.get(b.group)!.push(b)
-	}
-
-	// Width of the keys column: longest formatted-keys string across all
-	// shown bindings, plus a small gap before descriptions.
-	let keyColumn = 0
-	for (const list of grouped.values()) {
-		for (const b of list) keyColumn = Math.max(keyColumn, formatKeys(b.keys).length)
-	}
-	const gap = 2
-	const padTo = keyColumn + gap
-
-	const rows: Row[] = []
-	for (let i = 0; i < order.length; i++) {
-		const group = order[i]!
-		// A spacer before *every* group, including the first. Without one
-		// before the first, opentui collapses the header onto the first
-		// binding row — appears to be an interaction between the title
-		// border and the first child of a padded column.
-		rows.push({ key: `spacer-before-${group}`, text: " ", kind: "spacer" })
-		rows.push({ key: `header-${group}`, text: group, kind: "header" })
-		for (const b of grouped.get(group)!) {
-			rows.push({
-				key: `binding-${b.id}`,
-				text: `  ${formatKeys(b.keys).padEnd(padTo)}${b.description}`,
-				kind: "binding",
-			})
-		}
-	}
-	rows.push({ key: "spacer-footer", text: " ", kind: "spacer" })
-	rows.push({ key: "footer", text: "press ? or esc to dismiss", kind: "footer" })
-	return rows
-}
-
-export const HelpOverlay = <C,>({
-	bindings,
-	viewportWidth,
-	viewportHeight,
-}: HelpOverlayProps<C>) => {
-	const rows = buildRows(bindings)
-
-	const overlayWidth = Math.min(viewportWidth - 4, 64)
-	const desiredHeight = rows.length + 2 // border top + bottom
-	const overlayHeight = Math.min(viewportHeight - 4, desiredHeight + 2) // +2 for vertical padding
-	const left = Math.max(0, Math.floor((viewportWidth - overlayWidth) / 2))
-	const top = Math.max(0, Math.floor((viewportHeight - overlayHeight) / 2))
-
-	return (
-		<box
-			position="absolute"
-			left={0}
-			top={0}
-			width={viewportWidth}
-			height={viewportHeight}
-			zIndex={10}
-			style={{ backgroundColor: SCRIM }}
-		>
-			<box
-				position="absolute"
-				left={left}
-				top={top}
-				width={overlayWidth}
-				height={overlayHeight}
-				title=" Help "
-				titleAlignment="left"
-				style={{
-					border: true,
-					borderColor: colors.textMuted,
-					padding: 1,
-					flexDirection: "column",
-					backgroundColor: colors.backgroundPanel,
-				}}
-			>
-				{rows.map((row) => {
-					switch (row.kind) {
-						case "header":
-							return (
-								<text
-									key={row.key}
-									wrapMode="none"
-									content={row.text}
-									style={{ fg: colors.borderActive, attributes: 1 /* bold */ }}
-								/>
-							)
-						case "footer":
-							return (
-								<text
-									key={row.key}
-									wrapMode="none"
-									content={row.text}
-									style={{ fg: colors.textMuted }}
-								/>
-							)
-						case "spacer":
-							return <text key={row.key} content=" " />
-						case "binding":
-							return (
-								<text
-									key={row.key}
-									wrapMode="none"
-									content={row.text}
-									style={{ fg: colors.text }}
-								/>
-							)
-					}
-				})}
-			</box>
-		</box>
-	)
-}