@marimo-team/frontend 0.24.1-dev116 → 0.24.1-dev119

package/src/components/app-config/ai-config.tsx

@@ -65,7 +65,6 @@ import {
   AccordionItem,
   AccordionTrigger,
 } from "../ui/accordion";
-import { Alert, AlertDescription } from "../ui/alert";
 import { Button } from "../ui/button";
 import { Checkbox } from "../ui/checkbox";
 import { DropdownMenuSeparator } from "../ui/dropdown-menu";
@@ -969,6 +968,39 @@ export const AiProvidersConfig: React.FC<AiConfigProps> = ({
           />
         </AccordionFormItem>
 
+        <AccordionFormItem
+          title="GitHub Copilot"
+          provider="github"
+          isConfigured={hasValue("ai.github.api_key")}
+        >
+          <ApiKey
+            form={form}
+            config={config}
+            name="ai.github.api_key"
+            placeholder="gho_..."
+            testId="ai-github-copilot-api-key-input"
+            description={
+              <>
+                Your GitHub OAuth token. Run{" "}
+                <Kbd className="inline">gh auth token</Kbd> after you sign in
+                with the GitHub CLI. A GitHub Copilot subscription is required.
+                See the{" "}
+                <ExternalLink href="https://pydantic.dev/docs/ai/models/github-copilot/">
+                  authentication guide
+                </ExternalLink>
+                .
+              </>
+            }
+          />
+          <BaseUrl
+            form={form}
+            config={config}
+            name="ai.github.base_url"
+            placeholder="https://api.githubcopilot.com"
+            testId="ai-github-copilot-base-url-input"
+          />
+        </AccordionFormItem>
+
         <AccordionFormItem
           title="Anthropic"
           provider="anthropic"
@@ -1029,42 +1061,6 @@ export const AiProvidersConfig: React.FC<AiConfigProps> = ({
           />
         </AccordionFormItem>
 
-        <AccordionFormItem
-          title="GitHub"
-          provider="github"
-          isConfigured={hasValue("ai.github.api_key")}
-        >
-          <Alert variant="warning" className="py-1.5 px-3 text-xs">
-            <AlertDescription>
-              Free tier models have low token limits which can cause errors with
-              larger prompts.{" "}
-              <ExternalLink href="https://docs.github.com/en/github-models/prototyping-with-ai-models#rate-limits">
-                Learn more
-              </ExternalLink>
-            </AlertDescription>
-          </Alert>
-          <ApiKey
-            form={form}
-            config={config}
-            name="ai.github.api_key"
-            placeholder="gho_..."
-            testId="ai-github-api-key-input"
-            description={
-              <>
-                Your GitHub API token from{" "}
-                <Kbd className="inline">gh auth token</Kbd>.
-              </>
-            }
-          />
-          <BaseUrl
-            form={form}
-            config={config}
-            name="ai.github.base_url"
-            placeholder="https://models.github.ai/inference"
-            testId="ai-github-base-url-input"
-          />
-        </AccordionFormItem>
-
         <AccordionFormItem
           title="OpenRouter"
           provider="openrouter"

package/src/components/app-config/user-config-form.tsx

@@ -1304,7 +1304,7 @@ export const UserConfigForm: React.FC = () => {
                   <IsOverridden override={override} />
                   <FormDescription>
                     Enable experimental external agents such as Claude Code and
-                    Gemini CLI. Learn more in the{" "}
+                    Codex. Learn more in the{" "}
                     <ExternalLink href="https://docs.marimo.io/guides/editor_features/agents/">
                       docs
                     </ExternalLink>

package/src/components/data-table/renderers.tsx

@@ -71,11 +71,7 @@ export function renderTableHeader<TData>(
         {renderHeaderGroup(table.getCenterHeaderGroups())}
         {renderHeaderGroup(table.getRightHeaderGroups())}
         {table.getAllColumns().length <= AUTO_WIDTH_MAX_COLUMNS && (
-          <th
-            className="w-full border-0"
-            aria-hidden="true"
-            role="presentation"
-          />
+          <th className="w-full border-0" aria-hidden="true" />
         )}
       </TableRow>
     </TableHeader>
@@ -217,7 +213,7 @@ export const DataTableBody = <TData,>({
         {renderCells(row.getCenterVisibleCells())}
         {renderCells(row.getRightVisibleCells())}
         {columns.length <= AUTO_WIDTH_MAX_COLUMNS && (
-          <td className="border-0" aria-hidden="true" role="presentation" />
+          <td className="border-0" aria-hidden="true" />
         )}
       </TableRow>
     );