About page.

Author: Sebastian Sassi

src/package.json

@@ -3,7 +3,7 @@
 	"displayName": "%extension.displayName%",
 	"description": "%extension.description%",
 	"publisher": "RooVeterinaryInc",
-	"version": "3.25.6",
+	"version": "2.0.1",
 	"icon": "assets/icons/icon.png",
 	"galleryBanner": {
 		"color": "#617A91",
@@ -504,4 +504,4 @@
 		"vitest": "^3.2.3",
 		"zod-to-ts": "^1.2.0"
 	}
-}
+}

webview-ui/src/components/settings/About.tsx

@@ -26,48 +26,16 @@ export const About = ({ telemetrySetting, setTelemetrySetting, className, ...pro
 	return (
 		<div className={cn("flex flex-col gap-2", className)} {...props}>
 			<SectionHeader
-				description={
-					Package.sha
-						? `Version: ${Package.version} (${Package.sha.slice(0, 8)})`
-						: `Version: ${Package.version}`
-				}>
+				description="Datacoves Copilot is a powerful AI assistant designed to enhance your coding experience. It's based on Roo Code, an open-source project that provides a robust foundation for AI-driven development tools.">
 				<div className="flex items-center gap-2">
 					<Info className="w-4" />
 					<div>{t("settings:sections.about")}</div>
 				</div>
 			</SectionHeader>
 
 			<Section>
-				<div>
-					<VSCodeCheckbox
-						checked={telemetrySetting === "enabled"}
-						onChange={(e: any) => {
-							const checked = e.target.checked === true
-							setTelemetrySetting(checked ? "enabled" : "disabled")
-						}}>
-						{t("settings:footer.telemetry.label")}
-					</VSCodeCheckbox>
-					<p className="text-vscode-descriptionForeground text-sm mt-0">
-						<Trans
-							i18nKey="settings:footer.telemetry.description"
-							components={{
-								privacyLink: <VSCodeLink href="https://roocode.com/privacy" />,
-							}}
-						/>
-					</p>
-				</div>
-
-				<div>
-					<Trans
-						i18nKey="settings:footer.feedback"
-						components={{
-							githubLink: <VSCodeLink href="https://github.com/RooCodeInc/Roo-Code" />,
-							redditLink: <VSCodeLink href="https://reddit.com/r/RooCode" />,
-							discordLink: <VSCodeLink href="https://discord.gg/roocode" />,
-						}}
-					/>
-				</div>
-
+				<VSCodeLink href="https://docs.datacoves.com/how-tos/vscode/datacoves-copilot/">Learn more about Datacoves Copilot</VSCodeLink>
+				<h4>Settings file</h4>
 				<div className="flex flex-wrap items-center gap-2 mt-2">
 					<Button onClick={() => vscode.postMessage({ type: "exportSettings" })} className="w-28">
 						<Upload className="p-0.5" />
@@ -77,13 +45,6 @@ export const About = ({ telemetrySetting, setTelemetrySetting, className, ...pro
 						<Download className="p-0.5" />
 						{t("settings:footer.settings.import")}
 					</Button>
-					<Button
-						variant="destructive"
-						onClick={() => vscode.postMessage({ type: "resetState" })}
-						className="w-28">
-						<TriangleAlert className="p-0.5" />
-						{t("settings:footer.settings.reset")}
-					</Button>
 				</div>
 			</Section>
 		</div>

webview-ui/src/components/settings/SettingsView.tsx

@@ -12,13 +12,15 @@ import React, {
 import {
 	CheckCheck,
 	SquareMousePointer,
+	Webhook,
 	GitBranch,
 	Bell,
 	Database,
 	SquareTerminal,
 	FlaskConical,
 	AlertTriangle,
 	Globe,
+	Info,
 	MessageSquare,
 	LucideIcon,
 } from "lucide-react"
@@ -49,6 +51,9 @@ import {
 
 import { Tab, TabContent, TabHeader, TabList, TabTrigger } from "../common/Tab"
 import { SetCachedStateField, SetExperimentEnabled } from "./types"
+import { SectionHeader } from "./SectionHeader"
+import ApiConfigManager from "./ApiConfigManager"
+import ApiOptions from "./ApiOptions"
 import { AutoApproveSettings } from "./AutoApproveSettings"
 import { BrowserSettings } from "./BrowserSettings"
 import { CheckpointSettings } from "./CheckpointSettings"
@@ -57,6 +62,8 @@ import { ContextManagementSettings } from "./ContextManagementSettings"
 import { TerminalSettings } from "./TerminalSettings"
 import { ExperimentalSettings } from "./ExperimentalSettings"
 import { LanguageSettings } from "./LanguageSettings"
+import { About } from "./About"
+import { Section } from "./Section"
 import PromptsSettings from "./PromptsSettings"
 import { cn } from "@/lib/utils"
 
@@ -82,7 +89,7 @@ const sectionNames = [
 	"prompts",
 	"experimental",
 	"language",
-	// "about",
+	"about",
 ] as const
 
 type SectionName = (typeof sectionNames)[number]
@@ -417,7 +424,7 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone, t
 			{ id: "prompts", icon: MessageSquare },
 			{ id: "experimental", icon: FlaskConical },
 			{ id: "language", icon: Globe },
-			// { id: "about", icon: Info },
+			{ id: "about", icon: Info },
 		],
 		[], // No dependencies needed now
 	)
@@ -554,6 +561,55 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone, t
 
 				{/* Content area */}
 				<TabContent className="p-0 flex-1 overflow-auto">
+					{/* Providers Section */}
+					{/* {activeTab === "providers" && (
+						<div>
+							<SectionHeader>
+								<div className="flex items-center gap-2">
+									<Webhook className="w-4" />
+									<div>{t("settings:sections.providers")}</div>
+								</div>
+							</SectionHeader>
+							-
+							<Section>
+								<ApiConfigManager
+									currentApiConfigName={currentApiConfigName}
+									listApiConfigMeta={listApiConfigMeta}
+									onSelectConfig={(configName: string) =>
+										checkUnsaveChanges(() =>
+											vscode.postMessage({ type: "loadApiConfiguration", text: configName }),
+										)
+									}
+									onDeleteConfig={(configName: string) =>
+										vscode.postMessage({ type: "deleteApiConfiguration", text: configName })
+									}
+									onRenameConfig={(oldName: string, newName: string) => {
+										vscode.postMessage({
+											type: "renameApiConfiguration",
+											values: { oldName, newName },
+											apiConfiguration,
+										})
+										prevApiConfigName.current = newName
+									}}
+									onUpsertConfig={(configName: string) =>
+										vscode.postMessage({
+											type: "upsertApiConfiguration",
+											text: configName,
+											apiConfiguration,
+										})
+									}
+								/>
+								<ApiOptions
+									uriScheme={uriScheme}
+									apiConfiguration={apiConfiguration}
+									setApiConfigurationField={setApiConfigurationField}
+									errorMessage={errorMessage}
+									setErrorMessage={setErrorMessage}
+								/>
+							</Section>
+						</div>
+					)} */}
+
 					{/* Auto-Approve Section */}
 					{activeTab === "autoApprove" && (
 						<AutoApproveSettings
@@ -669,6 +725,11 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone, t
 					{activeTab === "language" && (
 						<LanguageSettings language={language || "en"} setCachedStateField={setCachedStateField} />
 					)}
+
+					{/* About Section */}
+					{activeTab === "about" && (
+						<About telemetrySetting={telemetrySetting} setTelemetrySetting={setTelemetrySetting} />
+					)}
 				</TabContent>
 			</div>