feat: add commit panel and file status indicators to repo workspace

- Add CommitPanel component for viewing changed files and committing
- Show file status indicators (M/A/D/?) in file tree
- Integrate git status with workspace for real-time updates
- Add CSS styles for commit panel and status badges

Part of git-control change implementation.

apps/web/src/styles.css

@@ -842,3 +842,111 @@ a {
   height: 100%;
   min-height: 300px;
 }
+
+/* File Status Indicators */
+.file-status-indicator {
+  float: right;
+  font-size: 0.75rem;
+  font-weight: bold;
+  padding: 0 0.375rem;
+  border-radius: 3px;
+  margin-left: 0.5rem;
+}
+
+.file-status-indicator.modified {
+  color: #f59e0b;
+  background: rgba(245, 158, 11, 0.1);
+}
+
+.file-status-indicator.added {
+  color: #10b981;
+  background: rgba(16, 185, 129, 0.1);
+}
+
+.file-status-indicator.deleted {
+  color: #ef4444;
+  background: rgba(239, 68, 68, 0.1);
+}
+
+.file-status-indicator.untracked {
+  color: #6b7280;
+  background: rgba(107, 114, 128, 0.1);
+}
+
+/* Commit Panel */
+.commit-panel {
+  padding: 1rem;
+  border-top: 1px solid var(--border);
+  background: var(--panel);
+}
+
+.commit-panel h4 {
+  margin: 0 0 0.5rem 0;
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+
+.file-list {
+  max-height: 150px;
+  overflow: auto;
+  margin-bottom: 0.75rem;
+}
+
+.file-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.25rem 0;
+  font-size: 0.8125rem;
+}
+
+.file-status {
+  font-weight: bold;
+  font-size: 0.75rem;
+  width: 1rem;
+  text-align: center;
+}
+
+.file-item.modified .file-status { color: #f59e0b; }
+.file-item.added .file-status { color: #10b981; }
+.file-item.deleted .file-status { color: #ef4444; }
+.file-item.untracked .file-status { color: #6b7280; }
+
+.commit-form {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.commit-message-input {
+  width: 100%;
+  padding: 0.5rem;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  background: var(--bg);
+  color: var(--ink);
+  font-family: inherit;
+  font-size: 0.875rem;
+  resize: vertical;
+}
+
+.commit-button {
+  padding: 0.5rem 1rem;
+  background: var(--primary);
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+
+.commit-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.commit-error {
+  color: #ef4444;
+  font-size: 0.8125rem;
+}