Update nickname display: 10 chars, no # prefix for nicknames

Co-authored-by: sinedied <[email protected]>

Author: Copilot

packages/burger-api/openapi.yaml

@@ -547,7 +547,7 @@ components:
           example: 'user123'
         nickname:
           type: string
-          description: Optional nickname for the order (first 8 characters will be displayed in the dashboard)
+          description: Optional nickname for the order (only first 10 chars displayed)
           example: 'John'
         items:
           type: array

packages/burger-mcp/src/tools.ts

@@ -79,7 +79,7 @@ export const tools = [
     description: 'Place a new order with burgers (requires userId)',
     schema: z.object({
       userId: z.string().describe('ID of the user placing the order'),
-      nickname: z.string().optional().describe('Optional nickname for the order (first 8 characters will be displayed in the dashboard)'),
+      nickname: z.string().optional().describe('Optional nickname for the order (only first 10 chars displayed)'),
       items: z
         .array(
           z.object({

packages/burger-webapp/src/components/burger-dashboard.ts

@@ -112,15 +112,15 @@ export class BurgerDashboard extends LitElement {
 
   protected renderOrder = (order: BurgerOrder, isLeaving = false) => {
     const animClass = isLeaving ? 'fade-out' : '';
-    const displayId = order.nickname ? order.nickname.slice(0, 8) : order.id.slice(-8);
+    const displayId = order.nickname ? order.nickname.slice(0, 10) : `#${order.id.slice(-6)}`;
     return html`
       <div
         data-order-id="${order.id}"
         class="order-anim ${animClass}"
         @animationend=${isLeaving ? () => this.handleFadeOutEnd(order.id) : undefined}
       >
         <div class="${this.getOrderBoxClass(order)}">
-          <div class="order-id">#${displayId}</div>
+          <div class="order-id">${displayId}</div>
           <div class="order-status">
             <div class="order-status-inner">${this.getOrderDisplayStatus(order)}</div>
           </div>