style: align global context panel and simplify selection copy
This commit is contained in:
@@ -18,17 +18,16 @@ export function WorkingContextShelf({ context, locked, onWorkspace, onModel }: {
|
||||
<span className="thot-context-action">{locked && <LockKeyhole size={15} aria-hidden />}<span>{locked ? "Locked" : open ? "Close" : "Change context"}</span><ChevronDown size={16} aria-hidden /></span>
|
||||
</button>
|
||||
<div id="thoth-working-context" hidden={!open} className="thot-context-body">
|
||||
<p className="thot-context-explanation">Your last choices take precedence over installation defaults. Workspace and model are remembered independently.</p>
|
||||
<div className="thot-context-fields">
|
||||
<label><span><Layers size={15} aria-hidden />Workspace</span>
|
||||
<select aria-label="Workspace" value={context.workspace ? context.workspaceId : ""} disabled={locked || context.loading} onChange={event => onWorkspace(event.target.value)}>
|
||||
<option value="" disabled>Choose a workspace</option>{context.workspaces.map(workspace => <option key={workspace.id} value={workspace.id}>{workspace.displayName}</option>)}
|
||||
</select><small>{context.origins.workspace}</small>
|
||||
</select>
|
||||
</label>
|
||||
<label><span><Cpu size={15} aria-hidden />AI interaction model</span>
|
||||
<select aria-label="Model" value={context.model ? context.modelId : ""} disabled={locked || context.loading} onChange={event => onModel(event.target.value)}>
|
||||
<option value="" disabled>Choose a model</option>{context.models.map(model => <option key={`${model.provider}/${model.id}`} value={`${model.provider}/${model.id}`}>{model.name}</option>)}
|
||||
</select><small>{context.origins.model}</small>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
{locked && <p role="status">Workspace and model are locked until the current operation finishes.</p>}
|
||||
|
||||
Reference in New Issue
Block a user