ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update settings

Browse source
This commit is contained in:
Ryan Vogel 2026-03-30 07:33:30 -04:00
commit ab7b1d78bf
2 changed files with 184 additions and 192 deletions
Download patch file Download diff file Expand all files Collapse all files

398
packages/mobile-voice/src/app/index.tsx
View file

@ -3392,7 +3392,7 @@ export default function DictationScreen() {
<SafeAreaView style={styles.settingsRoot}> <SafeAreaView style={styles.settingsRoot}>
<View style={styles.settingsTop}> <View style={styles.settingsTop}>
<View style={styles.settingsTitleBlock}> <View style={styles.settingsTitleBlock}>
<Text style={styles.settingsTitle}>Whisper models</Text> <Text style={styles.settingsTitle}>Settings</Text>
<Text style={styles.settingsSubtitle}>Default: {WHISPER_MODEL_LABELS[defaultWhisperModel]}</Text> <Text style={styles.settingsSubtitle}>Default: {WHISPER_MODEL_LABELS[defaultWhisperModel]}</Text>
</View> </View>
<Pressable onPress={() => setWhisperSettingsOpen(false)}> <Pressable onPress={() => setWhisperSettingsOpen(false)}>
@ -3400,35 +3400,51 @@ export default function DictationScreen() {
</Pressable> </Pressable>
</View> </View>
{__DEV__ ? ( <ScrollView style={styles.settingsScroll} contentContainerStyle={styles.settingsContent}>
<Pressable <View style={styles.settingsSection}>
onPress={handleReplayOnboarding} <Text style={styles.settingsSectionLabel}>DEVELOPMENT:</Text>
style={({ pressed }) => [styles.settingsDevButton, pressed && styles.clearButtonPressed]} {__DEV__ ? (
> <Pressable
<Text style={styles.settingsDevButtonText}>Dev: Replay onboarding</Text> onPress={handleReplayOnboarding}
</Pressable> style={({ pressed }) => [styles.settingsTextRow, pressed && styles.clearButtonPressed]}
) : null} >
<Text style={styles.settingsTextRowTitle}>Replay onboarding</Text>
<Text style={styles.settingsTextRowAction}>Run</Text>
</Pressable>
) : (
<View style={styles.settingsTextRow}>
<Text style={styles.settingsMutedText}>Available in development builds.</Text>
</View>
)}
</View>
<View style={styles.settingsSection}>
<Text style={styles.settingsSectionLabel}>GENERAL:</Text>
<View style={styles.settingsTextRow}>
<Text style={styles.settingsTextRowTitle}>Default model</Text>
<Text style={styles.settingsTextRowValue}>{WHISPER_MODEL_LABELS[defaultWhisperModel]}</Text>
</View>
<View style={styles.settingsModeRow}>
<Text style={styles.settingsModeLabel}>Transcription</Text>
<View style={styles.settingsModeControls}>
<Pressable <Pressable
onPress={() => setTranscriptionMode("bulk")} onPress={() => setTranscriptionMode("bulk")}
disabled={isRecording || isTranscribingBulk} disabled={isRecording || isTranscribingBulk}
style={({ pressed }) => [ style={({ pressed }) => [
styles.settingsModeButton, styles.settingsTextRow,
transcriptionMode === "bulk" && styles.settingsModeButtonActive,
(isRecording || isTranscribingBulk) && styles.settingsInlinePressableDisabled, (isRecording || isTranscribingBulk) && styles.settingsInlinePressableDisabled,
pressed && styles.clearButtonPressed, pressed && styles.clearButtonPressed,
]} ]}
> >
<View style={styles.settingsOptionCopy}>
<Text style={styles.settingsTextRowTitle}>On Release</Text>
<Text style={styles.settingsTextRowMeta}>Transcribe after release</Text>
</View>
<Text <Text
style={[ style={[
styles.settingsModeButtonText, styles.settingsTextRowAction,
transcriptionMode === "bulk" && styles.settingsModeButtonTextActive, transcriptionMode === "bulk" && styles.settingsTextRowActionActive,
]} ]}
> >
On Release {transcriptionMode === "bulk" ? "Selected" : "Use"}
</Text> </Text>
</Pressable> </Pressable>
@ -3436,114 +3452,112 @@ export default function DictationScreen() {
onPress={() => setTranscriptionMode("realtime")} onPress={() => setTranscriptionMode("realtime")}
disabled={isRecording || isTranscribingBulk} disabled={isRecording || isTranscribingBulk}
style={({ pressed }) => [ style={({ pressed }) => [
styles.settingsModeButton, styles.settingsTextRow,
transcriptionMode === "realtime" && styles.settingsModeButtonActive,
(isRecording || isTranscribingBulk) && styles.settingsInlinePressableDisabled, (isRecording || isTranscribingBulk) && styles.settingsInlinePressableDisabled,
pressed && styles.clearButtonPressed, pressed && styles.clearButtonPressed,
]} ]}
> >
<View style={styles.settingsOptionCopy}>
<Text style={styles.settingsTextRowTitle}>Realtime</Text>
<Text style={styles.settingsTextRowMeta}>Transcribe while you speak</Text>
</View>
<Text <Text
style={[ style={[
styles.settingsModeButtonText, styles.settingsTextRowAction,
transcriptionMode === "realtime" && styles.settingsModeButtonTextActive, transcriptionMode === "realtime" && styles.settingsTextRowActionActive,
]} ]}
> >
Realtime {transcriptionMode === "realtime" ? "Selected" : "Use"}
</Text> </Text>
</Pressable> </Pressable>
</View> </View>
</View>
<ScrollView style={styles.settingsScroll} contentContainerStyle={styles.settingsContent}> <View style={styles.settingsSection}>
{WHISPER_MODELS.map((modelID) => { <Text style={styles.settingsSectionLabel}>MODELS:</Text>
const installed = installedWhisperModels.includes(modelID) {WHISPER_MODELS.map((modelID) => {
const isDefault = defaultWhisperModel === modelID const installed = installedWhisperModels.includes(modelID)
const isDownloading = downloadingModelID === modelID const isDefault = defaultWhisperModel === modelID
const actionDisabled = (downloadingModelID !== null && !isDownloading) || isTranscribingBulk const isDownloading = downloadingModelID === modelID
const rowLabel = isDefault ? `${modelID} · default` : modelID const actionDisabled = (downloadingModelID !== null && !isDownloading) || isTranscribingBulk
const actionIcon = isDownloading ? "…" : installed ? "✓" : "↓" const downloadPct = Math.round(Math.max(0, Math.min(1, downloadProgress)) * 100)
const downloadPct = Math.round(Math.max(0, Math.min(1, downloadProgress)) * 100) const actionLabel = isDownloading
const actionLabel = isDownloading ? `${downloadPct}%`
? "Downloading" : installed
: installed ? isDefault
? isDefault ? "Selected"
? "Selected" : "Select"
: "Select" : "Download"
: "Download" const sizeLabel = formatWhisperModelSize(WHISPER_MODEL_SIZES[modelID])
const sizeLabel = formatWhisperModelSize(WHISPER_MODEL_SIZES[modelID]) const rowMeta = [sizeLabel, installed ? "installed" : null, isDefault ? "default" : null]
.filter(Boolean)
.join(" · ")
return ( return (
<View key={modelID} style={styles.settingsInlineRow}> <View key={modelID} style={styles.settingsInlineRow}>
<Pressable <Pressable
onPress={() => { onPress={() => {
if (installed) { if (installed) {
void handleSelectWhisperModel(modelID) void handleSelectWhisperModel(modelID)
} }
}} }}
onLongPress={() => { onLongPress={() => {
if (!installed || isDownloading) return if (!installed || isDownloading) return
Alert.alert("Delete model?", `Remove ${modelID} from this device?`, [ Alert.alert("Delete model?", `Remove ${modelID} from this device?`, [
{ text: "Cancel", style: "cancel" }, { text: "Cancel", style: "cancel" },
{ {
text: "Delete", text: "Delete",
style: "destructive", style: "destructive",
onPress: () => { onPress: () => {
void handleDeleteWhisperModel(modelID) void handleDeleteWhisperModel(modelID)
},
}, },
}, ])
]) }}
}} delayLongPress={350}
delayLongPress={350} disabled={!installed || actionDisabled || isPreparingWhisperModel}
disabled={!installed || actionDisabled || isPreparingWhisperModel} style={({ pressed }) => [
style={({ pressed }) => [ styles.settingsInlineLabelPressable,
styles.settingsInlineLabelPressable, (!installed || actionDisabled || isPreparingWhisperModel) &&
(!installed || actionDisabled || isPreparingWhisperModel) && styles.settingsInlinePressableDisabled,
styles.settingsInlinePressableDisabled, pressed && styles.clearButtonPressed,
pressed && styles.clearButtonPressed, ]}
]} >
> <Text style={styles.settingsInlineName}>{modelID}</Text>
<Text style={styles.settingsInlineName}>{rowLabel}</Text> <Text style={styles.settingsInlineMeta}>{rowMeta}</Text>
</Pressable> </Pressable>
<Text style={styles.settingsInlineSize}>{sizeLabel}</Text> <Pressable
onPress={() => {
<Pressable if (isDownloading) return
onPress={() => { if (installed) {
if (isDownloading) return void handleSelectWhisperModel(modelID)
if (installed) { return
void handleSelectWhisperModel(modelID) }
return void handleDownloadWhisperModel(modelID)
} }}
void handleDownloadWhisperModel(modelID) disabled={actionDisabled || (installed && isPreparingWhisperModel)}
}} accessibilityLabel={actionLabel}
disabled={actionDisabled || (installed && isPreparingWhisperModel)} style={({ pressed }) => [
accessibilityLabel={actionLabel} styles.settingsInlineTextActionPressable,
style={({ pressed }) => [ (actionDisabled || (installed && isPreparingWhisperModel)) &&
styles.settingsInlineIconButton, styles.settingsInlinePressableDisabled,
(actionDisabled || (installed && isPreparingWhisperModel)) && pressed && styles.clearButtonPressed,
styles.settingsInlinePressableDisabled, ]}
pressed && styles.clearButtonPressed, >
]}
>
{isDownloading ? (
<View style={styles.settingsDownloadCircle}>
<Text style={styles.settingsDownloadCircleText}>{downloadPct}</Text>
</View>
) : (
<Text <Text
style={[ style={[
styles.settingsInlineIcon, styles.settingsInlineTextAction,
installed && styles.settingsInlineIconInstalled, installed && styles.settingsInlineTextActionInstalled,
isDownloading && styles.settingsInlineIconDownloading, isDownloading && styles.settingsInlineTextActionDownloading,
]} ]}
> >
{actionIcon} {actionLabel}
</Text> </Text>
)} </Pressable>
</Pressable> </View>
</View> )
) })}
})} </View>
</ScrollView> </ScrollView>
</SafeAreaView> </SafeAreaView>
</Modal> </Modal>
@ -4044,13 +4058,13 @@ const styles = StyleSheet.create({
backgroundColor: "#121212", backgroundColor: "#121212",
paddingHorizontal: 16, paddingHorizontal: 16,
paddingTop: 12, paddingTop: 12,
gap: 12,
}, },
settingsTop: { settingsTop: {
flexDirection: "row", flexDirection: "row",
alignItems: "center", alignItems: "center",
justifyContent: "space-between", justifyContent: "space-between",
gap: 12, gap: 12,
marginBottom: 4,
}, },
settingsTitleBlock: { settingsTitleBlock: {
flex: 1, flex: 1,
@ -4058,7 +4072,7 @@ const styles = StyleSheet.create({
}, },
settingsTitle: { settingsTitle: {
color: "#F1F1F1", color: "#F1F1F1",
fontSize: 18, fontSize: 20,
fontWeight: "700", fontWeight: "700",
}, },
settingsSubtitle: { settingsSubtitle: {
@ -4071,73 +4085,73 @@ const styles = StyleSheet.create({
fontSize: 15, fontSize: 15,
fontWeight: "700", fontWeight: "700",
}, },
settingsDevButton: {
alignSelf: "flex-start",
borderRadius: 8,
borderWidth: 1,
borderColor: "#574D2B",
backgroundColor: "#2A2619",
paddingHorizontal: 10,
paddingVertical: 6,
},
settingsDevButtonText: {
color: "#EADDAE",
fontSize: 12,
fontWeight: "700",
},
settingsModeRow: {
flexDirection: "row",
alignItems: "center",
justifyContent: "space-between",
gap: 10,
borderWidth: 1,
borderColor: "#2B2B2B",
borderRadius: 10,
paddingHorizontal: 10,
paddingVertical: 8,
backgroundColor: "#171717",
},
settingsModeLabel: {
color: "#D2D2D2",
fontSize: 12,
fontWeight: "600",
letterSpacing: 0.2,
},
settingsModeControls: {
flexDirection: "row",
alignItems: "center",
gap: 8,
},
settingsModeButton: {
borderRadius: 8,
borderWidth: 1,
borderColor: "#3A3A3A",
paddingHorizontal: 10,
paddingVertical: 6,
backgroundColor: "#1E1E1E",
},
settingsModeButtonActive: {
borderColor: "#6B3A31",
backgroundColor: "#3D231E",
},
settingsModeButtonText: {
color: "#B9B9B9",
fontSize: 12,
fontWeight: "600",
},
settingsModeButtonTextActive: {
color: "#FFD8D2",
},
settingsScroll: { settingsScroll: {
flex: 1, flex: 1,
}, },
settingsContent: { settingsContent: {
gap: 24,
paddingBottom: 24, paddingBottom: 24,
}, },
settingsSection: {
gap: 0,
},
settingsSectionLabel: {
color: "#7D7D7D",
fontSize: 11,
fontWeight: "700",
letterSpacing: 1.05,
marginBottom: 6,
},
settingsTextRow: {
minHeight: 46,
flexDirection: "row",
alignItems: "center",
justifyContent: "space-between",
gap: 12,
borderBottomWidth: 1,
borderBottomColor: "#242424",
paddingVertical: 10,
},
settingsMutedText: {
color: "#868686",
fontSize: 12,
fontWeight: "500",
},
settingsOptionCopy: {
flex: 1,
minWidth: 0,
gap: 2,
},
settingsTextRowTitle: {
color: "#ECECEC",
fontSize: 14,
fontWeight: "600",
},
settingsTextRowMeta: {
color: "#8D8D8D",
fontSize: 12,
fontWeight: "500",
},
settingsTextRowValue: {
color: "#BDBDBD",
fontSize: 13,
fontWeight: "600",
maxWidth: "55%",
textAlign: "right",
},
settingsTextRowAction: {
color: "#B8B8B8",
fontSize: 12,
fontWeight: "700",
letterSpacing: 0.2,
},
settingsTextRowActionActive: {
color: "#FFD8D2",
},
settingsInlineRow: { settingsInlineRow: {
flexDirection: "row", flexDirection: "row",
alignItems: "center", alignItems: "center",
minHeight: 44, minHeight: 52,
borderBottomWidth: 1, borderBottomWidth: 1,
borderBottomColor: "#242424", borderBottomColor: "#242424",
}, },
@ -4146,58 +4160,40 @@ const styles = StyleSheet.create({
minWidth: 0, minWidth: 0,
paddingVertical: 10, paddingVertical: 10,
paddingRight: 12, paddingRight: 12,
gap: 2,
}, },
settingsInlinePressableDisabled: { settingsInlinePressableDisabled: {
opacity: 0.55, opacity: 0.55,
}, },
settingsInlineName: { settingsInlineName: {
color: "#E7E7E7", color: "#E7E7E7",
fontSize: 13, fontSize: 14,
fontWeight: "600", fontWeight: "600",
}, },
settingsInlineSize: { settingsInlineMeta: {
color: "#8F8F8F", color: "#8F8F8F",
fontSize: 12, fontSize: 12,
fontWeight: "500", fontWeight: "500",
minWidth: 64, },
settingsInlineTextActionPressable: {
marginLeft: 8,
paddingVertical: 8,
paddingHorizontal: 2,
alignItems: "flex-end",
justifyContent: "center",
},
settingsInlineTextAction: {
color: "#D0D0D0",
fontSize: 12,
fontWeight: "700",
minWidth: 72,
textAlign: "right", textAlign: "right",
}, },
settingsInlineIconButton: { settingsInlineTextActionInstalled: {
width: 36,
height: 36,
marginLeft: 8,
alignItems: "center",
justifyContent: "center",
},
settingsInlineIcon: {
color: "#D0D0D0",
fontSize: 17,
fontWeight: "700",
lineHeight: 19,
},
settingsInlineIconInstalled: {
color: "#E2B1A8", color: "#E2B1A8",
}, },
settingsInlineIconDownloading: { settingsInlineTextActionDownloading: {
color: "#FFD7CE", color: "#FFD7CE",
fontWeight: "700",
},
settingsDownloadCircle: {
width: 24,
height: 24,
borderRadius: 12,
borderWidth: 2,
borderColor: "#FF6A57",
alignItems: "center",
justifyContent: "center",
backgroundColor: "#2A1715",
},
settingsDownloadCircleText: {
color: "#FFD9D2",
fontSize: 9,
fontWeight: "700",
letterSpacing: -0.1,
lineHeight: 10,
}, },
scanRoot: { scanRoot: {
flex: 1, flex: 1,

4
packages/opencode/src/cli/cmd/serve.ts
View file

@ -165,10 +165,6 @@ export const ServeCommand = cmd({
}) })
console.log("scan qr code in mobile app or phone camera") console.log("scan qr code in mobile app or phone camera")
console.log(code) console.log(code)
console.log("qr link")
console.log(link)
console.log("qr payload")
console.log(JSON.stringify(pair, null, 2))
} }
} }